javascript - AngularJS操作ng-show指令

需求：頁面有一個使用 ng-repeat指令產生的列表，當點擊一個item時，就隱藏之。

問題：請問如何在ng-click的回調中操作當前item的ng-show的值，而不影響其他item？

代碼：

回複內容：

需求：頁面有一個使用ng-repeat指令產生的列表，當點擊一個item時，就隱藏之。

問題：請問如何在ng-click的回調中操作當前item的ng-show的值，而不影響其他item？

代碼：

設定一個hidden屬性，結合列表的$index即可。

  
  
 
   
 {{item.title}}  
  

angular.module('myApp',[])  .controller('listCtrl',function($scope){        var items = [{title:"title1",price:120},{title:"title2",price:23},{title:"title3",price:32234}]        $scope.items = items;        $scope.hidden = {value: null}        // $scope.show = "true";        $scope.change = function(i) {          $scope.hidden.value = i;        }    })

之所以要把hidden設定為對象而非原始值，是因為ng-repeat有獨立的範圍，直接在ng-repeat的範圍上修改原始值父控制器上的值是不會改變的；需要藉助參考型別，如對象或數組，才能保證修改儲存到父級控制器。

http://jsbin.com/modute/edit?html,js,output

@onelove 這哥們兒的回答應該是這個意思：

這樣雖然能實現需求，但是問題很大，就是把控制視圖的show和資料耦合在一起了，這樣不好吧？還有什麼辦法嗎？

