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á)式的值
如果屬性沒(méi)有方括號(hào)，右側(cè)賦值為 字符串
<div class="red">red</div> //這里類名為red <div [class]="red">red</div> //這里類名為blue,就是說(shuō)有方括號(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 [()]
常用的來(lái)做雙向綁定的操作
<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)文章
Angular2實(shí)現(xiàn)組件交互的方法分析
這篇文章主要介紹了Angular2實(shí)現(xiàn)組件交互的方法,結(jié)合實(shí)例形式總結(jié)分析了Angular2中組件交互的相關(guān)操作技巧與注意事項(xiàng),需要的朋友可以參考下2017-12-12
淺談Angular7 項(xiàng)目開(kāi)發(fā)總結(jié)
這篇文章主要介紹了淺談Angular7 項(xiàng)目開(kāi)發(fā)總結(jié)，本文在此做一次遇到問(wèn)題的總結(jié)，以便知識(shí)的掌握，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-12-12
AngularJs定制樣式插入到ueditor中的問(wèn)題小結(jié)
這篇文章主要介紹了AngularJs定制樣式插入到ueditor中的問(wèn)題小結(jié)的相關(guān)資料,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2016-08-08
Ionic + Angular.js實(shí)現(xiàn)驗(yàn)證碼倒計(jì)時(shí)功能的方法
驗(yàn)證碼倒計(jì)時(shí)這個(gè)功能相信對(duì)大家每個(gè)人來(lái)說(shuō)都不陌生，之前介紹了在Android中的實(shí)現(xiàn)方法，下面這篇文章主要給大家介紹了利用Ionic + Angular.js實(shí)現(xiàn)驗(yàn)證碼倒計(jì)時(shí)功能的相關(guān)資料，文中介紹的非常詳細(xì)，需要的朋友們下面來(lái)一起看看吧。2017-06-06
詳解angular部署到iis出現(xiàn)404解決方案
這篇文章主要介紹了詳解angular部署到iis出現(xiàn)404解決方案，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-08-08
再談Angular4 臟值檢測(cè)(性能優(yōu)化)
這篇文章主要介紹了再談Angular4 臟值檢測(cè)(性能優(yōu)化)，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-04-04
這篇文章主要介紹了Angular簡(jiǎn)單驗(yàn)證功能,涉及AngularJS事件響應(yīng)、正則判定、頁(yè)面元素屬性動(dòng)態(tài)修改等相關(guān)操作技巧,需要的朋友可以參考下2017-12-12
今天小編就為大家分享一篇Angular4 Select選擇改變事件的方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-10-10
angular2實(shí)現(xiàn)統(tǒng)一的http請(qǐng)求頭方法
今天小編就為大家分享一篇angular2實(shí)現(xiàn)統(tǒng)一的http請(qǐng)求頭方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-08-08
angular select 默認(rèn)值設(shè)置方法
下面小編就為大家?guī)?lái)一篇angular select 默認(rèn)值設(shè)置方法。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-06-06