触发值的角度材质复选框

问题描述：

我有一个模板驱动的形式，其中我把一个复选框，可以切换它的价值。触发值的角度材质复选框

组件

public toggles = [ 
    { value: 'toggled', display: 'Toggled' }, 
    { value: 'untoggled', display: 'UnToggled' }, 
]; 

<div> 
    <input type="hidden" name="toggle" [(ngModel)]="user.toggle"> 
    <div> 
     <label> 
      <input type="checkbox" 
       [checked]="user.toggle === toggles[0].value" 
       (change)="$event.target.checked? (user.toggle = toggles[0].value) : (user.toggle = toggles[1].value)"> 
      {{ toggles[0].display }} 
     </label> 
    </div> 
</div>

下的伟大工程，但是当我切换到角材质的，只不过没有作品。

材料模板代码

<input type="hidden" name="toggle" [(ngModel)]="user.toggle"> 
<md-checkbox [checked]="user.toggle === toggles[0].value" 
       (change)="$event.target.checked?(user.toggle = toggles[0].value): (user.toggle = toggles[1].value)"> 
    {{toggles[0].display}}</md-checkbox>

我越来越控制台下列错误，它说无法读取未定义控制台的财产，

TypeError: Cannot read property 'checked' of undefined 
     at Object.eval [as handleEvent] (TemplateDrivenComponent.html:64)

我知道在哪里发生错误的点$ event.target.checked角度无法读取该检查事件对MD-复选框，如何解决这个问题的指针将是巨大的

感谢

好，什么是$ event.target价值？ – TheRealMrCrowley

的$ event.target值从复选框财产来作为代码没有物质如果复选框被选中，或者检查不 –

我知道它是什么......但什么是它的价值 – TheRealMrCrowley

答

望着评论请尝试以下希望这能解决我猜你不需要在材料的使用目标与事件的问题。

<input type="hidden" name="toggle" [(ngModel)]="user.toggle"> 
     <md-checkbox [checked]="user.toggle === toggles[0].value" 
         (change)="$event.checked?(user.toggle = toggles[0].value): (user.toggle = toggles[1].value)"> 
      {{toggles[0].display}}</md-checkbox>

感谢它的工作。 –

触发值的角度材质复选框

相关推荐