ng-check = "true" funktioniert nicht, wenn Radio-Auswahl-Update

Question

Ich habe 3 Spalten von Radio Dropdown-Boxen. Ich habe Logik, wo, wenn ein Benutzer einen Radiobutton in Spalte 1 auswählt, die Radioknöpfe in Spalte 2 mit einer neuen Liste aktualisiert werden. Ich möchte immer die oberste Optionsschaltfläche all standardmäßig auf jede neue Aktualisierung einer neuen Liste in Spalte 2 überprüfen. Bei einer zweiten neuen Aktualisierung wird jedoch ng-check="true" nicht angewendet und all wird nicht überprüft.

Wie kann ich all als Standard festlegen, wenn die Liste der Optionsfelder mit einer neuen Liste aktualisiert wird?

<div class="filter-column"> 
    <div class="filter-title">Market</div> 
    <div class="bottom-line"></div> 
    <div class="overflow-container"> 
     <div ng-show="markets.length >= 1"> 
     <input type="radio" value="all" name="marketRadio" ng-checked="true" class="resetAll" 
      ng-model="filter.market" ng-change="radioMap('market')">All 
     </div> 
     <div ng-repeat="choice in markets| orderBy: 'name'"> 
     <input type="radio" value="{{choice.name}}" name="marketRadio" 
      ng-change="radioMap('market', $index)" ng-model="filter.market" > 
     {{choice.description}} 
     </div> 
    </div> 
    </div> 

---

Logik, wenn die zweite Spalte von Radiobuttons aktualisiert mit neuer Liste:

var ppvFilter = { 
    regions: [], 
    markets: [], 
    dealers: [] 
    }; 


    function populateMarkets(regionCode) { 
    ppvFilter.markets.length = 0; 
    ppvFilter.dealers.length = 0; 
    var urlPath = API_BASE_URI + 'service/org/' + 
     regionCode + "/markets"; 

    var params = { 
     url: urlPath, 
     method: 'GET' 
    }; 

    $http(params) 
     .then(function(response) { 
     ppvFilter.markets = ppvFilter.markets.concat(response.data); 
     }) 
     .catch(failure); 
    } 

Answer 1

Das ng-checked Attribut in diesem Fall wird durch den Wert des ng-model Sie an diesen Eingang gebunden haben außer Kraft gesetzt werden . Wenn Sie es beim Laden der Seite einstellen müssen, können Sie ng-init="filter.market = true" verwenden, um filter.market als truthy zu setzen, was das Kästchen ankreuzen wird.

Wenn Sie einen ng-model an einen beliebigen Eingang gebunden haben, hat das Modell Vorrang vor allen hartcodierten Attributen, die versuchen, diesen Wert festzulegen. Sie müssen filter.market programmgesteuert festlegen, damit es funktioniert.