AngularJS наблюдает массив объектов для изменения данных
я реализую корзину покупок и хочу сохранить данные в localStorage.
Я хочу посмотреть переменную $scope.cart
для изменения, чтобы я мог обновить localStorage
переменная cart выглядит следующим образом:
[{'name':'foo', 'id':'bar', 'amount': 1 },...]
это код для часов.
$scope.updateCart = function(){
localStorageService.add('cart',JSON.stringify($scope.cart));
alert('cart updated');
};
$scope.$watch($scope.cart, $scope.updateCart(), true);
это HTML, где пользователь изменяет модель.
<li ng-repeat="item in cart">
{{item.name}} <input type="text" ng-model="item.amount">
</li>
со следующим кодом,updateCart()
метод никогда не срабатывает. Не знаю, что я делаю не так. Я проверьте, что $scope.cart
переменная изменилась, но обновление не запускается.
3 ответов
$watch
только оценить строку или параметр функции в его первом аргументе. Измените свой $watch
такой :
$scope.$watch('cart.name + cart.id + cart.amount', $scope.updateCart());
или
$scope.$watch('cart', $scope.updateCart, true);
посмотреть ссылка API
Это распространенная ошибка, что люди используют переменную в контрольное выражение. для $ scope.корзина, вместо этого вы должны использовать строковое выражение "корзина". Например,
$scope.$watch('cart', function () {...}, true)
AngularJs имеет новый метод часов,$watchCollection. Это в основном то же самое, что $watch с параметром равенства объектов, установленным в true, чтобы наблюдать за изменением свойства или элемента массива.
$scope.$watchCollection('cart', function () {...});
вот ссылка на AngularJS doc для $ watchCollection. http://docs.angularjs.org/api/ng/type рутскоп.Область. Синтаксис в основном такой же, как $watch, за исключением того, что у него нет 3-го парама (проверка равенства объектов)
попробуйте изменить
$scope.$watch($scope.cart, $scope.updateCart(), true);
to
$scope.$watch('cart', $scope.updateCart(), true);
$watch оценивает только строку или параметр функции в своем первом аргументе