2016-03-08 68 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