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

Question

我打开了一个ng-repeat块，我想使用“ id”作为在ng-click中定义切换按钮计数器的计数器，如下所示：

我的代码：

<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