2016-07-08 19 views
1

私は、チェックボックスを使用して選択できる項目のリストを持つモーダルを持っています。今私がしたいのは、要素の選択を解除することです。その要素を選択解除すると配列から削除され、チェックボックスは選択解除されます。現時点では、項目を選択または選択解除しても、my関数は要素を追加します。チェックボックスの選択/解除AngularJS

これは私のhtmlです:

<div class="md-list-item-text"> 
    <md-checkbox ng-model="Item.isChecked " aria-label="Checkbox 1" ng-change="selectItem(modelItem)"> 
     <h3>{{ $eval('modelItem.'+propertyName) }}</h3> 
     <p>{{ $eval('modelItem.'+propertyDesc) }}</p> 
    </md-checkbox> 
</div> 

、これはそれらがチェックされたときに、すべての要素を選択する機能です。

$scope.selectItem = function (Item) { 
    $scope.temp.push(Item.name) 
    prepareDisplayText(); 
} 

誰も選択解除要素のために働く機能を書き換える方法についていくつかのアイデア、または提案を持っていますか?

ありがとうございます!

答えて

1

は、それは私のために正常に動作しているthis-

<div class="md-list-item-text"> 
    <md-checkbox ng-model="modelItem.isChecked " aria-label="Checkbox 1" ng-change="selectItem(modelItem)"> 
     <h3>{{ $eval('modelItem.'+propertyName) }}</h3> 
     <p>{{ $eval('modelItem.'+propertyDesc) }}</p> 
    </md-checkbox> 
</div> 

$scope.selectItem = function (Item) { 
    if(Item.isChecked){ 
     $scope.temp.push(Item.name) 
    } 
    else if($scope.temp.indexOf(Item.name) != -1){ 
     var index = $scope.temp.indexOf(Item.name); 
     $scope.temp.splice(index,1); 
    }   
    prepareDisplayText(); 
} 

を試してみてください。

関連する問題