更新引用未更新ng-repeat上的视图

时间:2017-04-17 10:00:18

标签: javascript angularjs

我在var上有一个嵌套的ng-repeat 带有嵌套对象$scope.delivery的{​​{1}} orders

如果直接更改对象,则视图已更新。

ng-repeat="order in delivery.orders"

如果我尝试使用参考

$scope.delivery.orders[0] = [];

视图未更新。 我还跟踪$ scope.delivery.orders [0]值未更新。

1 个答案:

答案 0 :(得分:0)

您可以尝试使用$watch

angular.module('app',[]).controller('controller',function($scope){
  $scope.delivery = {
  'orders': [1,2,3,4,5]
  };
  $scope.click = function(){
    $scope.ref = $scope.delivery.orders;
    $scope.ref[0] = 9;
    $scope.$watch($scope.ref, function(){
    $scope.delivery.orders = $scope.ref ;
    })
    
  }
})
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="app" ng-controller="controller">
<ul><li ng-repeat="order in delivery.orders">{{order}}
</li></ul>
<button ng-click="click()">click</button>
</div>