顯示模式時複選框被選中或取消

Question

點擊這裏查看我的代碼： http://plnkr.co/edit/Z7QI9Ec53zfkDylnseAc?p=preview

HTML：

<ul> 
<li ng-repeat="album in albums"> 
    <input type="checkbox" ng-model="album.selected" value={{album.name}} ng-click="save()"/> {{album.name}} 
</li> 

腳本：

$scope.save = function(item){ 
$scope.mods = item; 
    $scope.albumNameArray = []; 
    angular.forEach($scope.albums, function(album){ 
    if (album.selected) $scope.albumNameArray.push(album.name); 
    return false; 
    }); 
}; 
$scope.edit = function(){ 
      if ($scope.albumNameArray) { 
          $('#showModal').modal('show'); 
         } else { 
          $('#showModal2').modal('show'); 
         } 

      } 

我的項目是工作很好，如果我點擊保存按鈕沒有選中複選框，但我f我檢查並取消選中，同樣的模態出現。 這隻適用於第一次重新加載。 我想說的是，如果我選中該複選框，確定模式會顯示其他另一種模式將顯示無需重新加載

Answer 1

這隻有在第一次重裝工作正常。

它的工作第一次的原因是因爲$scope.albumNameArray陣列是不確定的，直到$scope.save被稱爲首次。

您應該在調用$scope.save之前初始化一個空數組，然後在if語句中檢查該數組的length屬性。

之前，您只是檢查$scope.albumNameArray是否已定義，即使數組爲空（這就是爲什麼您需要檢查length屬性以確定數組是否包含任何值）纔會返回true。

Updated Example

$scope.edit = function(){ 
    if ($scope.albumNameArray.length) { 
    $('#showModal').modal('show'); 
    } else { 
    $('#showModal2').modal('show'); 
    } 
}