1.括號的作用
1.1方括號 [ ]
屬性名加上方括號后，右側賦值為 表達式的值
如果屬性沒有方括號，右側賦值為 字符串
|
1
2
3
4
5
|
<div class="red">red</div> //這里類名為red<div [class]="red">red</div> //這里類名為blue,就是說有方括號右側為表達式 //組件中red: string = "blue"; |
1.2 圓括號( )
圓括號用于事件綁定，就是觸發元素上的事件，綁定的方法就會響應，如
|
1
2
3
4
5
6
|
<div (click)="go()">gogo</div> //圓括號里面放事件 //組件類go() { //表達式...} |
1.3 花括號 {{ }}
使用花括號 {{表達式}} 這種方法稱之為插值，可以放在模板中
|
1
2
3
4
|
<div>{{good}}</div> //<div>你好</div> //組件類good: string = "你好"; |
1.4 字符串變量${ }
舉例
|
1
2
|
tes: string = "World";test: string = `Hello ${goo}`; //test: string = "Hello World"; |
1.5 [()]
常用的來做雙向綁定的操作
|
1
2
3
4
|
<input [(ngModel)]='test_input' /> // value= 'testNgClick' //組件中 test_input: any = 'testNgClick'; |
到此這篇關于AngularJS 中括號的作用的文章就介紹到這了,更多相關AngularJS括號的作用內容請搜索服務器之家以前的文章或繼續瀏覽下面的相關文章希望大家以后多多支持服務器之家！
原文鏈接：https://blog.csdn.net/fine_cui/article/details/115356234
