angular2学习---模板学习

熊俊人
2023-12-01

英文网址:https://angular.io/docs/js/latest/guide/cheatsheet.html

angular2中双引号包含表达式,猜的:)

<input [value]="firstName">               将标签的value与表达式firstName的结果绑定,只是单向绑定

<div [attr.role]="myAriaRole">        将标签的role属性与表达式myAriaRole的结果相绑定,单向绑定

<div [class.extra-sparkle]="isDelightful">  如果表达式isDeligntful的结果为真,extra-sparkle将添加到class中

<div [style.width.px]="mySize">    样式内容赋值

<button (click)="readRainbow($event)">   绑定readRainbow($event)到click事件中

<div title="Hello {{ponyName}}">     等价于<div [title]="'Hello' + ponyName">

<p>Hello {{ponyName}}</p>      将表达式ponyName的内容呈现,例如 Hello you

<my-cmp [(title)]="name">      双向绑定, 将title与name双向绑定

 

posted on 2016-01-17 00:25  梦见世界 阅读( ...) 评论( ...) 编辑 收藏

转载于:https://www.cnblogs.com/lifeisshort/p/5132091.html

 类似资料: