2016-03-03 85 views
0

我的HTML:明確選擇複選框範圍值

<div class="check" ng-repeat="point in dbs"> 
     <input 
      name="db" 
      id="{{point.id}}" 
      ng-model="point.select" 
      ng-click="update($index, dbs)" 
      ng-checked="false" 
      type="checkbox" 
      ng-required="point.select" /> 
    </div> 

雖然我的update()函數看起來像:

 $scope.update = function(position, dbs) { 
     angular.forEach(dbs, function(point, index) { 
     if (position != index) 
      point.select = false; 
     }); 
    } 

此作品如關於跟蹤選定的複選框是什麼,發送到另一個預期價值的控制者,一切都很好。但是,當我從結果頁面返回時,再次返回到此搜索表單,不知何故,我之前選擇的複選框已預先選擇,我不希望出現任何內容,而只是將所有內容都留空。

難道是那麼容易,因爲簡單的聲明:

$scope.point.select = null; 

,因爲我似乎無法找到一個很好的解決方案,從而使該複選框,當你在這抵達始終爲空白/沒有預先選擇形成。

回答

0

讓我看看我是否得到你在做什麼。看起來你正試圖讓你的複選框列表互斥。我可能會使用單選按鈕列表(一組具有相同名稱屬性的單選按鈕,HTML將其解釋爲互斥列表)。如果您創建一個變量來保存所選選項的值並傳遞該值,那麼您可能可以使用較少的代碼獲得相同的結果。看看這裏:https://jsbin.com/sunusihuse/edit?html,js,output 至於重新訪問頁面時清除控件的列表,我所描述的也會這樣做,因爲將保存選定值的變量的值初始化爲空字符串。希望這可以幫助。