使用添加CSS類角

Question

我有以下對角控制器範圍模型：

$scope.model = { 
    subscriber: { email: '', name: '' }, 
    notice: { text: '', type: '' } 
} 

我需要每當notice.text不是空的，以顯示在P標記，並添加一個CSS類等於notice.type。所以我有：

<p class="notice" data-ng-bind="model.notice.text" data-ng-if="model.notice.text != ''"></p> 

P標記總是類「通知」。但是如果定義的話，我需要添加包含在$ scope.model.type中的類。

我該怎麼做？

旁邊的問題： 有沒有更好的方式來顯示/隱藏P標記而不是使用data-ng-if？

Answer 1

您可以使用ngClass指令

的ngClass指令允許你通過數據綁定表示要添加的所有類的表達動態地設置一個HTML元素的CSS類。

代碼

ng-class="model.notice.text != '' ? model.notice.type : ''"