2016-10-25 43 views
0

我有一個場景,我已經檢查複選框加載頁面。在控制器的負載中,我調用web api來將web api調用的內容加載到表中。AngluarJS複選框變得未選中

問題是,在web api調用發生後,我放棄了我的複選框被選中的事實。我不確定問題是什麼。我創造了一個小例子,它發生在那裏。

Plunker:https://plnkr.co/edit/J82bvl338fdtKLkW5reu?p=info

 var Url = "https://api.wunderground.com/auto/wui/geo/GeoLookupXML/index.xml?query=90210"; 
    self.$http.get(Url, this.requestConfig).success(function(data, status, headers, config) { 
    console.log('success', data); 
    }).error(function(data, status, headers, config) { 
    // log error 
    console.log('error', data); 
    }); 

應該發生什麼是HTTP GET發生後的複選框保持選中狀態。

我現在用的控制器語法,和我想知道如果我缺少在這種情況下的東西...

回答

1

在HTML文件中,當你初始化你使用這個CHK成員:

<input type="checkbox" id="chk" name="chk" ng-model="chk" ng-init="chk = 'true'" checked/> 

您正在使用單引號爲true值。刪除他們,你應該罰款:

<input type="checkbox" id="chk" name="chk" ng-model="chk" ng-init="chk = true" checked/> 
+0

這完美地工作,我想我會從角 –

+0

@JasonZimmer是的,我知道得到一個控制檯筆記,這些類型的錯誤是很難發現的,也許它會更好在控制器中初始化你的成員,而不是內聯,這使得它更容易一點,不完美,但更好的調試leat –