如何在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