如何在ng-click和ng-repeat中使用变量？

Question

我打开了一个ng-repeat块，我想使用＆＃34; id＆＃34;作为用于定义切换按钮计数器的计数器，如下所示：

我的代码：

<div ng-repeat="line in linesList">
   <a ng-click="'modal{{line.id}=!modal{{line.id}}'">{{line.id}}</>
</div>

我的结果是这样的：

ng-click="'modal1=!modal1'"

但我需要这个：

ng-click="modal1=!modal1"

Answer 1

您可以使用对象'模态'，而不是多个变量modal1，modal2等。

在您的控制器中：

$scope.modal = {}
$scope.toggleModal = function(id) {
  $scope.modal[id] = !$scope.modal[id] 
}

然后：

<div ng-repeat="line in linesList">
   <a ng-click="toggleModal(line.id)">{{line.id}}</>
</div>

请参阅此处的示例：http://codepen.io/thierry36t/pen/QGqPyj