AngularJS 中括號的作用詳解

1.括號的作用

屬性名加上方括號後，右側賦值為 表達式的值
如果屬性沒有方括號，右側賦值為 字符串

<div class="red">red</div>  //這裡類名為red
<div [class]="red">red</div> //這裡類名為blue,就是說有方括號右側為表達式
 
//組件中
red: string = "blue";

圓括號用於事件綁定，就是觸發元素上的事件，綁定的方法就會響應，如

<div (click)="go()">gogo</div>  //圓括號裡面放事件
 
//組件類
go() {
 //表達式...
}

使用花括號 {{表達式}} 這種方法稱之為插值，可以放在模板中

<div>{{good}}</div>  //<div>你好</div> 
 
//組件類
good: string = "你好";

舉例

tes: string = "World";
test: string = `Hello ${goo}`;  //test: string = "Hello World";

常用的來做雙向綁定的操作

<input [(ngModel)]='test_input' /> // value= 'testNgClick'
 
//組件中 
test_input: any = 'testNgClick';

到此這篇關於AngularJS 中括號的作用的文章就介紹到這瞭,更多相關AngularJS括號的作用內容請搜索WalkonNet以前的文章或繼續瀏覽下面的相關文章希望大傢以後多多支持WalkonNet！