AngularJS中括号的作⽤详解
1.括号的作⽤
1.1⽅括号 [ ]
属性名加上⽅括号后，右侧赋值为表达式的值
如果属性没有⽅括号，右侧赋值为字符串
<div class="red">red</div>  //这⾥类名为red
<div [class]="red">red</div> //这⾥类名为blue，就是说有⽅括号右侧为表达式
//组件中
red: string = "blue";
1.2 圆括号( )
圆括号⽤于事件绑定，就是触发元素上的事件，绑定的⽅法就会响应，如
<div (click)="go()">gogo</div>  //圆括号⾥⾯放事件
//组件类
go() {
//表达式...
}
1.3 花括号 {{ }}
使⽤花括号 {{表达式}} 这种⽅法称之为插值，可以放在模板中
<div>{{good}}</div>  //<div>你好</div>
//组件类
good: string = "你好";
1.4 字符串变量${ }
举例
tes: string = "World";
test: string = `Hello ${goo}`;  //test: string = "Hello World";
1.5 [()]
常⽤的来做双向绑定的操作
<input [(ngModel)]='test_input' /> // value= 'testNgClick'
angular和angularjs
//组件中
test_input: any = 'testNgClick';
到此这篇关于AngularJS 中括号的作⽤的⽂章就介绍到这了，更多相关AngularJS括号的作⽤内容请搜索以前的⽂章或继续浏览下⾯的相关⽂章希望⼤家以后多多⽀持！

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。