AngularJS 中括號的作用詳解
更新時間：2021年04月02日 10:21:14 作者：Java Pro
這篇文章主要介紹了AngularJS 中括號的作用,本文給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下
1.括號的作用
1.1方括號 [ ]
屬性名加上方括號后，右側賦值為 表達式的值
如果屬性沒有方括號，右側賦值為 字符串
<div class="red">red</div> //這里類名為red <div [class]="red">red</div> //這里類名為blue,就是說有方括號右側為表達式 //組件中 red: string = "blue";
1.2 圓括號( )
圓括號用于事件綁定，就是觸發(fā)元素上的事件，綁定的方法就會響應，如
<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';
到此這篇關于AngularJS 中括號的作用的文章就介紹到這了,更多相關AngularJS括號的作用內容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家！
相關文章
不得不說指令是ng最為強大的功能之一，好吧，也可以去掉之一，是最強大的功能。下面這篇文章主要給大家介紹了關于Angular4中內置指令的基本用法，文中通過示例代碼介紹的非常詳細，需要的朋友們下面來一起看看吧。2017-07-07
這篇文章主要介紹了Angular-UI Bootstrap組件實現警報功能,對Angular.js services的學習有所幫助，需要的朋友可以參考下2018-07-07
這篇文章主要介紹了使用Angular.js制作一個簡單的RSS閱讀器的教程,AngularJS是一個非常有人氣的JavaScript庫,文中介紹的制作方法主要使用到了FreedReadR模版,需要的朋友可以參考下2015-06-06
使用 Angular RouteReuseStrategy 緩存（路由）組件的實例代碼
這篇文章主要介紹了使用 Angular RouteReuseStrategy 緩存（路由）組件的實例代碼，非常不錯，具有一定的參考借鑒價值,需要的朋友可以參考下2019-11-11
利用angular自動編譯andriod APK的繞坑經歷分享
這篇文章主要給大家介紹了關于如何利用angular自動編譯andriod APK的繞坑經歷，文中通過示例代碼以及圖文介紹的非常詳細，對大家的學習或者使用angular具有一定的參考學習價值，需要的朋友們下面來一起學習學習吧2019-03-03
下面小編就為大家分享一篇angularJS實現動態(tài)添加,刪除div方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-02-02
angularjs 中可通過三種（$provider,$factory,$service）方式自定義服務。這篇文章主要介紹了Angularjs 自定義服務的三種方式,非常不錯，需要的朋友可以參考下2016-08-08
AngularJs ng-repeat 嵌套如何獲取外層$index
這篇文章主要介紹了AngularJs ng-repeat 嵌套如何獲取外層$index的相關資料,需要的朋友可以參考下2016-09-09
AngularJS實現給動態(tài)生成的元素綁定事件的方法
這篇文章主要介紹了AngularJS實現給動態(tài)生成的元素綁定事件的方法,結合實例形式分析了AngularJS動態(tài)生成元素與事件綁定相關操作技巧,需要的朋友可以參考下2016-12-12
本文通過實例給大家介紹了angular排序的相關知識，非常不錯，具有參考借鑒價值，需要的朋友參考下吧2017-06-06