Есть ли аналоги angularjs, более простые?

Question

[Артур Бекеров]

Привет. Разбираюсь в angular. Даже самые простые вещи типа создание/редактирование из одной формы не получается реализовать. Вроде смотрю примеры, иногда есть просто мистический код. Есть ли простые аналоги фреймворка на js. Смотрел несколько и пробовал сделать, что мне требуется.
Пока выходит на jquery писать мне проще.

Требуется работа с бекендом. Ajax запросы и прием обратно json данных. Роутинг и работа с таблицами, редактирование/ создание элементов

Answer 1

[Артур Бекеров]

всетаки добил ангуляр и поперло.
Главное не сдаваться

Answer 2

[Mikhail Osher]

Вообще не понимаю, что в нем сложного..

Comments

[Артур Бекеров]

@Miraage я бы бы очень благодарен, если бы вы объяснили следующий код

//Syntax allows to chain factories
angular.module('cellar.services', ['ngResource']).
	//The factory returns objects / functions that can be used by the controllers
    factory('Wine', ['$resource', '$http', '$rootScope', function($resource, $http, $rootScope){
        return {
        	//the resource provider interacting with the PHP backend
	        api: 
				$resource('api/wines/:wineId', {}, {
			        update: {method:'PUT'}
				}),
			/*
			* A generic function that can be called to emit an event on one ctrl that can be handled by another ctrl.
			* The WineDetailCtrl emits it on each save, update or delete request, so that the WineListCtrl can react and update itself.	
			*/
			broadcastChange: function(){
				$rootScope.$broadcast('handleBroadcast');
			}

		}
	}])

в этом коде реализован методы post,get, put, delete

вот в этом получение списка

function WineListCtrl(Wine, $location, $scope) {
    $scope.wines = Wine.api.query(); 

    $scope.$on('handleBroadcast', function() {
        $scope.wines = Wine.api.query(); 
    });   

}
WineListCtrl.$inject = ['Wine', '$location', '$scope'];

а вот в этом создание редактирование и удаление

function WineDetailCtrl(Wine, $routeParams, $location, $scope) {
    $scope.wine = Wine.api.get({wineId: $routeParams.wineId}) 

    $scope.saveWine = function () {
        if ($scope.wine.id > 0)
        {
            Wine.api.update({wineId:$scope.wine.id}, $scope.wine, function (res) {
                alert('Wine ' + $scope.wine.name + ' updated'); 
                Wine.broadcastChange();
                $location.path("/wines");
                }
            );
        }
        //no match for wine means it's an empty form
        else
        {      
            Wine.api.save({}, $scope.wine, function (res) {
                alert('Wine ' + $scope.wine.name + ' created'); 
                Wine.broadcastChange();
                $location.path("/wines");
                }
            );
        }
    }

    $scope.deleteWine = function () {
        Wine.api.delete({wineId:$scope.wine.id}, function(wine) {
            alert('Wine ' + $scope.wine.name + ' deleted')
            Wine.broadcastChange();
            $location.path("/wines");
        });
    }
}
WineDetailCtrl.$inject = ['Wine', '$routeParams', '$location', '$scope'];

Делаю все тоже самое.

[Артур Бекеров]

@Miraage вот с сервисом мне и не понятен код
плюс у меня постоянно бывают проблемы со scope.

[Сергей Протько]

так а что не работет то? А вы модуль приложение само определили? Бо надо еще видеть как вы используете эти контроллеры...

p.s. не именуйте сервисы с большой буквы. я про Wine...

И еще - broadcastChange тут явно не в тему... нужно видеть главный модуль короче.

[Сергей Протько]

В сервисе у вас тупо используется ngResource. К слову там он как рас лишний ибо сбивает с понимания. И broadcast ивента тоже сомнительная штука...

Answer 3

[Сергей Протько]

С чем именно у вас проблемы? Ибо просто так сдаваться и спускаться на ступеньку ниже... я думаю вы недостаточно пробовали (отсилы пару дней).

По сути ангулар построен довольно просто. Там используются те же паттерны и концепции что и в других фреймворках, в других языках программирования. Да, добавляются особенности работы с асинхронными языками программирования (promise к примеру), но опять же все это легко осознаваемо.

Хотя под ваши требования подходит backbone.js.

Answer 4

[Yuri Shikanov]

Knockout очень простой.

Answer 5

[lega]

Angular Light

Comments

[Артур Бекеров]

@lega спасибо