ng-repeat 또는 ng-show가 ng-repeat에서 제어되는 경우 작동하지 않습니다.

Question

ng-repeat의 버튼 중 하나라도 클릭하면 div를 숨기려고합니다. 그러나 그것이 작동하지 않는 것 같아요, ng-hide 또는 ng-show가 ng-repeat 내에서 제어되는 경우 작동하지 않는다고 생각하게합니까?

<div data-ng-hide="showChooseHardware"> 
    <table class="table"> 
     <tbody> 
      <tr data-ng-repeat="hardware in hardwares"> 
       <td>{{hardware.name}}</td> 
       <td> 
        <button type="button" class="btn" data-ng-click="showChooseHardware=!showChooseHardware"/> 
       </td> 
      </tr> 
     </tbody> 
    </table> 
</div> 

Answer 1

이 반복 겨하는 각 템플릿에 대한 새 범위를 생성한다는 사실에 기인 때문에 자바 스크립트 (및 AngularJS와)에서 작동하는 방법 프로토 타입 상속.

사용 대상 :

$scope.viewModel = { showChooseHardware: false }; 

HTML :

data-ng-hide="viewModel.showChooseHardware" 

그리고는 :

data-ng-click="viewModel.showChooseHardware=!viewModel.showChooseHardware" 

문제에 대한 좋은 설명은 here를 찾을 수 있습니다.

변수가 showChooseHardware이기 때문에이 경우에는 ng-show을 사용하는 것이 좋습니다.

Answer 2

ngRepeat 지시어는 모든 반복에서 배열의 모든 항목에 대해 새로운 범위를 만듭니다. 문제가 발생할 수 있습니다.