欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

AngularJS 中括號的作用詳解

 更新時間：2021年04月02日 10:21:14   作者：Java Pro  
這篇文章主要介紹了AngularJS 中括號的作用,本文給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下

1.括號的作用

1.1方括號 [ ]

屬性名加上方括號后，右側(cè)賦值為 表達(dá)式的值
如果屬性沒有方括號，右側(cè)賦值為 字符串

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

1.2 圓括號( )

圓括號用于事件綁定，就是觸發(fā)元素上的事件，綁定的方法就會響應(yīng)，如

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

1.3 花括號 {{ }}

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

<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'
 
//組件中 
test_input: any = 'testNgClick';

到此這篇關(guān)于AngularJS 中括號的作用的文章就介紹到這了,更多相關(guān)AngularJS括號的作用內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

相關(guān)文章

最新評論