訪問NG-repeat的項目範圍

Question

我有一個表，使用各自的範圍變量條件呈現行：

<tr ng-repeat="row in data"> 
    <input type="text" data-ng-show="editMode" data-ng-model="row.smth"/> 

所以當變量editMode行範圍設置爲true輸入時才顯示，它工作得很好。

現在，我想動態添加另一行：

$scope.data.push(my_new_row) 

這太偉大工程。但是接下來我想將這個新行的範圍變量editMode設置爲某種東西，並且我沒有想法。

我知道有一個無證的方式來使用$$ childHead等，但這不是很優雅。

Answer 1

您可以跟蹤使用$索引項。您也可以使用索引決定顯示/隱藏項目。您可以通過使用show/hide邏輯實現一個函數並傳遞索引來完成此操作。例如：

<div ng-repeat="row in data track by $index"> 
    <input type="text" data-ng-show="GetEditMode($index)" ng-model="row.smth[$index]"> 
</div> 

看看this。

Answer 2

您可以在行數據中設置編輯模式。

<input type="text" data-ng-show="row.editMode" data-ng-model="row.smth"/> 

或

你可以試試這個：

<input type="text" data-ng-show="this.editMode" ng-change="toggle(this);" data-ng-model="row.smth"/> 

在控制器，你可以訪問編輯模式爲：

$scope.toggle = function(context){ 
     console.log(a); 
     context.editMode=!context.editMode; 
}