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

AngularJS 中括號(hào)的作用詳解

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

1.括號(hào)的作用

1.1方括號(hào) [ ]

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

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

1.2 圓括號(hào)( )

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

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

1.3 花括號(hào) {{ }}

使用花括號(hào) {{表達(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 中括號(hào)的作用的文章就介紹到這了,更多相關(guān)AngularJS括號(hào)的作用內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

相關(guān)文章

最新評(píng)論