使用ng-model發生奇怪的角度複選框行爲並選擇/取消選擇全部

所以我不能重新創建該錯誤（我知道這很糟糕）。該應用程序很大/很複雜，顯然我還沒有找出造成這個bug的原因。我想在這裏發佈，看看是否有人有過類似的經歷：使用ng-model發生奇怪的角度複選框行爲並選擇/取消選擇全部

http://plnkr.co/edit/nsOg4QMXLwiEfic1spXF?p=preview

$scope.toggleState = function() { 
    for (var i=0, len = $scope.services.length;i<len; i++){ 
     $scope.services[i].checked = $scope.selectState; 
    } 
    $scope.selectState = !$scope.selectState; 
};

的錯誤是，取消選擇所有，選擇一個標準的售後服務也選擇所有保費的人的。選擇全部後，取消選擇一項優質服務也將取消選擇所有標準服務。

什麼可能觸發這個？我注意到，當一個源不是被選中時，service.checked狀態仍然是錯誤的，但複選框以某種方式被選中。任何建議將是非常有益的感謝。

來源

2014-09-24 myfashionhub

所以鏈接的plunker不會重現錯誤？ – 2014-09-24 23:26:20

可用性protip：「全部選擇」不起作用 - 你不應該保留一個單獨的selectState，而是根據當前是否選中任何複選框來決定它。否則，用戶可能會遇到手動檢查所有框並單擊「全選/全無」的情況 - 並且它什麼都不做！ – 2014-09-24 23:27:01

@mattivirkkunen這是由其他人創建的，我已經閱讀了一些解決方案，這些解決方案也將選擇狀態附加到模型而不是物理複選框。按鈕以所需的方式工作 - 首先選擇全部，選擇無。我無法重現錯誤是相當無益的。 – myfashionhub 2014-10-07 15:02:05

的問題是，以前的程序員曾使用角度清單除NG-型號：http://vitalets.github.io/checklist-model/

目前還不清楚它是如何設置和我仍然無法複製的bug。但是我只是取出了checklist指令，並且有一個ng-click偵聽器，其服務被選中/取消選中。

來源

2014-10-07 18:28:32 myfashionhub

使用ng-model發生奇怪的角度複選框行爲並選擇/取消選擇全部

回答

相關問題