如何知道如果選中復選框則將元素添加到數組，如果未選中則將其刪除？

Question

這是我的HTML代碼。 我在Google上找到了可以使用的工具。

<input type="checkbox" ng-true-value="addTitle(cpPortfolioItem)" ng-false-value="removeTitle(cpPortfolioItem)">

這是我的angularJS控制器。

$scope.addTitle = function(cpPortfolioItem){
        $scope.selectedTitles.push(cpPortfolioItem.id);
        console.log('$scope.selectedTitles', $scope.selectedTitles);
     };

     $scope.removeTitle = function(cpPortfolioItem){
        $scope.selectedTitles.splice(cpPortfolioItem.id,1);
        console.log('$scope.selectedTitles', $scope.selectedTitles);
     };

它不起作用。 我已經將其記錄在控制台中，但是我看不到它既沒有推送也沒有拼接陣列。 也許ng-true-value不是有效的指令？ 有人可以幫我嗎？ 我會很感激的。

Answer 1

根據文檔 ng-true-value和ng-false-value不是事件處理程序。 這些是在input被選中（ ng-true-value ）或未選中（ ng-false-value ）時為model設置ng-false-value 。

改用它或使用ng-model並將$watch附加到模型。

Answer 2

使用ng-change

<input type="checkbox" ng-change="titleChange()" ng-model="titleChanged">

在控制器中

$scope.titleChanged = false;
$scope.titleChange = function() {
   if ($scope.titleChanged) {
      $scope.addTitle(cpPortfolioItem);
   } else {
      $scope.removeTitle(cpPortfolioItem);
   }
}

工作示例： -http : //jsfiddle.net/Shital_D/Lcumc3t7/10/