2017-02-01 2 views
0

나는 그것이 데이터베이스에 객체를 저장할 수 있으며, pop 객체의 tabs 배열에 존재하는 값을 확인할 수 있습니다 체크 박스의 목록을 루프이 checklist-modeldirective을 사용하고 있습니다 : 그래서 pop는 속성이 주요 목적이다 tabschecklist-model을 사용할 때 체크 박스를 선택 해제하면 어떻게됩니까?

<md-input-container class="md-block" flex-gt-sm="25" flex="45" content-layout-align="center start" ng-repeat="tab in allTabs"> 
    <md-checkbox checklist-model="pop.tabs" checklist-value="tab" > 
     {{tab.name}} 
    </md-checkbox> 
</md-input-container> 

의 배열의 나는 체크 박스가 이미 선택되어있는 경우 다음을 사용하지,하지만 내 시도는 (하지 만 아직 선택) 선택되어있는 체크 박스

답변

0
을 해제와 함께 종료하는 기능을 추가 할

해결책은 간단합니다 :초기화 기능 (페이지가로드 될 때 호출되는 함수)에서:

<md-input-container ng-repeat="tab in allTabs"> 
        <md-checkbox checklist-model="pop.tabs" checklist-value="tab" ng-disabled="selectedIds.includes(tab.id)"> 
         {{tab.name}} 
        </md-checkbox> 
       </md-input-container> 

나는 initialize 방법 밖에이를 만들기 위해 시도했지만 새로 : 다음

const selectedIds = pop.tabs.map(x=>x.id); 
    $scope.selectedIds = selectedIds; 

ng-disabled 지시어를 추가 선택된 idpop 개체의 tabs 배열에 추가됩니다.

관련 문제