AngularJS 中括號的作用詳解
1.括號的作用
1.1方括號 [ ]
屬性名加上方括號后,右側(cè)賦值為 表達式的值
如果屬性沒有方括號,右側(cè)賦值為 字符串
<div class="red">red</div> //這里類名為red <div [class]="red">red</div> //這里類名為blue,就是說有方括號右側(cè)為表達式 //組件中 red: string = "blue";
1.2 圓括號( )
圓括號用于事件綁定,就是觸發(fā)元素上的事件,綁定的方法就會響應(yīng),如
<div (click)="go()">gogo</div> //圓括號里面放事件
//組件類
go() {
//表達式...
}
1.3 花括號 {{ }}
使用花括號 {{表達式}} 這種方法稱之為插值,可以放在模板中
<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)文章
AngularJs定制樣式插入到ueditor中的問題小結(jié)
這篇文章主要介紹了AngularJs定制樣式插入到ueditor中的問題小結(jié)的相關(guān)資料,非常不錯,具有參考借鑒價值,需要的朋友可以參考下2016-08-08
Ionic + Angular.js實現(xiàn)驗證碼倒計時功能的方法
驗證碼倒計時這個功能相信對大家每個人來說都不陌生,之前介紹了在Android中的實現(xiàn)方法,下面這篇文章主要給大家介紹了利用Ionic + Angular.js實現(xiàn)驗證碼倒計時功能的相關(guān)資料,文中介紹的非常詳細,需要的朋友們下面來一起看看吧。2017-06-06
詳解angular部署到iis出現(xiàn)404解決方案
這篇文章主要介紹了詳解angular部署到iis出現(xiàn)404解決方案,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2018-08-08
angular2實現(xiàn)統(tǒng)一的http請求頭方法
今天小編就為大家分享一篇angular2實現(xiàn)統(tǒng)一的http請求頭方法,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2018-08-08

