В основном я хочу, чтобы эквивалент был привязан к событиям "добавить" и "удалить" в коллекциях Backbone. Я вижу, что в AngularJS этого не происходит, и текущее обходное решение, которое мы установили, - это $watch() с массивом length и вручную различать/пересчитывать все это. Это действительно то, что делают крутые дети?
Изменить: В частности, просмотр длины массива означает, что мне нелегко узнать, какой элемент был изменен, мне нужно вручную "разбить".
Я думаю, что использование $watch является хорошим решением, но $watchCollection может быть лучше для вы. $watchCollection не выполняет глубокого сравнения и просто следит за модификацией массива, как вставка, удаление или сортировка (не обновление элемента).
Например, если вы хотите сохранить атрибут order для синхронизации с порядком массива:
$scope.sortableItems = [
{order: 1, text: 'foo'},
{order: 2, text: 'bar'},
{order: 3, text: 'baz'}
];
$scope.$watchCollection('sortableItems', function(newCol, oldCol, scope) {
for (var index in newCol) {
var item = newCol[index];
item.order = parseInt(index) + 1;
}
});
Но для вашей проблемы я не знаю, есть ли лучшее решение, чем вручную просмотреть массив, чтобы определить изменение.
Способ просмотра массива в Angular равен $watch(array, function(){} ,true)
Я бы создал дочерние области и наблюдал их индивидуально. вот пример:
$scope.myCollection = [];
var addChild = function()
{
var Child = $scope.$new();
Child.name = 'Your Name here';
Child.$watch('name', function(newValue) {
// .... do something when the attribute 'name' is changed ...
});
Child.$on('$destroy', function() {
//... do something when this child gets destroyed
});
$scope.myCollection.push(Child); // add the child to collection array
};
// Pass the item to this method as parameter,
// do it within an ngRepeat of the collection in your views
$scope.deleteButtonClicked = function(item)
{
var index = $scope.myCollection.indexOf(item); //gets the item index
delete $scope.myCollection[index]; // removes the item on the array
item.$destroy(); // destroys the original items
}
Расскажите, пожалуйста, больше о вашей учетной записи. Одним из решений прослеживания элементов отслеживания является использование директивы ngRepeat с пользовательской директивой о том, что элемент прослушивания $destroy event:
<div ng-repeat="item in items" on-delete="doSomething(item)">
angular.module("app").directive("onDelete", function() {
return {
link: function (scope, element, attrs) {
element.on("$destroy", function () {
scope.$eval(attrs.onDelete);
});
}
}
});
Возможно, решение состоит в том, чтобы создать класс коллекции (например, позвоночник), и вы можете легко вписаться в события.
Решение, которое я здесь сделал, действительно не является исчерпывающим, но должно дать вам общее руководство о том, как это возможно сделать.