如何使用AngularJS的ng-repeat訪問json對象內數組中的對象?另外,如果您在表格的每一行上都有複製編輯按鈕(使用ng-repeat),那麼當單擊一個按鈕時,如何禁用其他按鈕副本?如何在ng-repeat中顯示JSON object.array.object?
這裏是我的代碼:http://plnkr.co/edit/VNuVLrtadJ2gyOr3AeoX?p=preview
如何使用AngularJS的ng-repeat訪問json對象內數組中的對象?另外,如果您在表格的每一行上都有複製編輯按鈕(使用ng-repeat),那麼當單擊一個按鈕時,如何禁用其他按鈕副本?如何在ng-repeat中顯示JSON object.array.object?
這裏是我的代碼:http://plnkr.co/edit/VNuVLrtadJ2gyOr3AeoX?p=preview
禁用編輯其他元素是很容易的。你只需要一個標誌添加到它說一個元素正在編輯的父範圍:
$scope.editing = false
$scope.toggleEdit = function(){
$scope.editing = !$scope.editing;
}
然後進行ng-show
或ng-hide
類似ng-hide="editMode || $parent.editing
。
您可以使用toggleEdit
功能切換編輯模式:
ng-click="editMode = true; toggleEdit()"
解決您的第二個問題,你需要引用你想訪問數組中的項目。您可以用數組的indexOf函數實現這一點:
var index = rows._embedded.alternate.indexOf(shift)
rows._embedded.alternate[ index]._embedded.event.distance
這是你的plunkr,更新了上面的工作:http://plnkr.co/edit/ZwHpN5MFpS2c1VFjLckU
你可能想嘗試第二嵌套循環。說,這NG-重複內:
<tr ng-repeat="rows in table._embedded.events">
有另一個NG-repet爲altRows在rows._embedded.alternate
<span ng-repeat="altRows in rows._embedded.alternate">...</span>
非常感謝!它完美的工作! – kimli