深入理解Angular2 模板语法(2)

<div *ng-if="needpwd"> <div>pwd</div> <input #inPwd type="password" [(ngModel)]="pwd"> <button type="button" (click)="show(inPwd.value)">warn</button> </div>

1.7 事件绑定

属性绑定采用()的方式来表示，将组件的方法绑定到对应的事件上，例如，将change函数绑定到change事件中，当change事件发生时会触发change函数。

<div> <div>age</div> <input type="text" (change)="change()" [placeholder]="age"> </div>

1.8 双向绑定

双向绑定使用[()]的方式来表示，双向绑定是属性绑定与事件绑定的结合体。最常用的双向绑定是使用[(ngModel)]=”xxx”在表单中进行使用，修改表单中数据的时候会修改绑定的数据项。如下所示：当表单输入修改时，sex变量也会同步修改

<div> <div>sex</div> <input type="text" [(ngModel)]="sex" [placeholder]="sex"> </div>

以上所述是小编给大家介绍的Angular2 模板语法的相关知识，希望对大家有所帮助，如果大家有任何疑问欢迎给我留言，小编会及时回复大家的，在此也非常感谢大家对脚本之家网站的支持！

您可能感兴趣的文章: