2016-03-08 67 views
0

這一點,我會想象這應該工作:Angular2:2的方式綁定更新不及時的下劃線數據

@Component ... 
    ... 
    <div *ngFor="#item of m_checkboxes"> 
     <Input #checkInputs type="checkbox" [(value)]="item.value"> 
    </div> 
    ... 

    constructor(){ 
    var self = this; 
    setInterval(()=>{ 
     console.log(self.m_checkboxes); 
    },3000) 
} 

但檢查定時器,當我點擊該複選框(和下劃線的數據結構不變異等待3+秒)...

我知道我可以使用ngModel,但我試圖讓[(道具)]工作,而不是ngModel。

我unlderline數據基本上是一個數組:

this.m_checkboxes = [{checked: true}, {checked: true}]; 

我幾乎認爲這是不支持,因爲我無法找到一個例子網上的2路與非ngModel結合:/

想法?

問候

肖恩

回答

2

首先,你使用了錯誤的性質。它應該是checked,而不是value

其次,剛剛嘗試過,似乎你實際上不得不使用ngModel。雙向綁定語法以通用方式指定,但並不特定於ngModel,但checked屬性沒有關聯的checkedChange事件,該事件可能需要它才能工作。

+0

想知道你是否有任何機會的朋友,tx .. – born2net

+0

@ born2net [你去](https://plnkr.co/edit/Mg2AFkHZxdoG8aGaE9xV?p=preview) – Douglas