如何使用angular2

时间:2017-09-24 10:18:46

标签: javascript angular

我想使用angular 2:

在复选框中创建一个事件
<div class="panel-heading panelcolor">
    <span style="font-size: 15px;font-weight: bold">Date et horaire</span>
    <div class="checkbox checkbox-inline" style="float:right">
        <input type="checkbox" data-md-icheck formControlName="ddd" id="inlineCheckbox12" (click)="toto($event)">
        <label for="inlineCheckbox12" placement="bottom"> Aller-retour </label>
    </div>
</div>

组件:

toto(e){
 alert(e);
}

当我点击复选框时,它会给我这个错误:

  

itineraire.component.html:98 ERROR TypeError:co.toto不是函数

1 个答案:

答案 0 :(得分:0)

确保已将 export class itineraireComponent { toto(e) { alert(e); } ... } 函数/方法放在组件类中,如下所示:

<input type="checkbox" data-md-icheck formControlName="ddd" id="inlineCheckbox12" (change)="toto($event)">

另外,您应该使用Boiler Plate react app事件代替change ...

{{1}}