小編典典

更新 ：Angular1.1.5添加了一個三元運算符，因此現(xiàn)在我們可以簡單地編寫

如果您使用的是較早版本的Angular，則有兩個選擇：

(condition && result_if_true || !condition && result_if_false)

{true: 'result_if_true', false: 'result_if_false'}[condition]

上面的項目2創(chuàng)建具有兩個屬性的對象。數(shù)組語法用于選擇名稱為true的屬性或名稱為false的屬性，并返回關(guān)聯(lián)的值。

例如，

...

or

...

$ ng在第一個元素的ng-repeat中設(shè)置為true，因此上面僅在循環(huán)中第一次應(yīng)用類’myClass1’和’myClass2’。

使用 ng-class時， 有一種更簡單的方法：ng-class采用一個表達式，該表達式的值必須為以下之一：

一串用空格分隔的類名

類名數(shù)組

類名到布爾值的映射/對象。

上面給出了1)的示例。這是3的示例，我認為它讀起來更好：

...

第一次通過ng-repeat循環(huán)，添加了類myClass。第三次($ index從0開始)，添加了anotherClass類。

ng-style 采用一個表達式，該表達式必須計算為CSS樣式名稱與CSS值的映射/對象。例如，

...

2020-05-01

總結(jié)

以上是生活随笔為你收集整理的html三元运算符 模板,AngularJS模板中的三元运算符的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。