javascript - 通过 ng-repeat 的引用发送参数

Question

我的Js:

var app = angular.module('app', []);
app.controller('myController', function($scope){
   $scope.bla = [{firstName: 6},{firstName: 7}];
   $scope.changeNumber = function(num){
     num = 10; 
   }
});

我的HTML:

<div ng-repeat="b in bla" ng-click=changeNumber(b.firstName)>{{b.firstName}}</div>

问题是:$scope.bla 的值没有改变。那么，我如何通过引用而不是通过值传递 b 参数。附注当然这不是我的代码，这只是一个例子。

Answer 1

您可以将单击的数字的索引传递给changeNumber方法，然后使用该索引来更改原始对象。例如:

<div ng-controller = "myCtrl">
  <div ng-repeat="b in bla" ng-click="changeNumber($index)">{{b.firstName}}</div>
</div>

在 Controller 中:

var myApp = angular.module("myApp", []);
myApp.controller('myCtrl', ['$scope', function($scope){
    $scope.bla = [{firstName: 6},{firstName: 7}];
    $scope.changeNumber = function(index){
    $scope.bla[index].firstName = 10;
  }
}]);

引用这个js fiddle .