在玉中創建動態div類

我需要的是使用Jade和AngularJS動態創建類。在玉中創建動態div類

例如，我有這個「Hello World」代碼，我想輸入文本輸入內的類（例如「alert alert-danger」），然後更改{{first.greeting}} {{"World"}}中文本的外觀。

這意味着，我想這一點：

input(type='text', ng-model='first.greeting') 
    br 
     .first.greeting 
     {{first.greeting}} {{"World"}}

以某種方式呈現給這樣的：

<input type="text" ng-model="first.greeting"> 
    <br> 
     <div class=""> 
     {{first.greeting}} {{"World"}} 
     </div>

和類的值進行動態設置。這怎麼可能？

（類=「{{first.greeting}}」） – mohamedrias 2015-03-02 15:57:54

我嘗試這樣做但不幸的是它返回一個「意外令牌「點」消息。沒有圓點的 – 2015-03-02 15:59:32

。只是使用（ng-class ='{{first.greeting}}'） – mohamedrias 2015-03-02 16:03:01

由於這是一個JavaScript表達式，我們需要使用()喜歡把它包起來：

div(class='{{first.greeting}}')

2015-03-02 16:15:49 mohamedrias

感謝您試圖提供幫助，但它不以這種方式工作，它爲課程設置了一個靜態值，並且我沒有輸入任何更改。 – 2015-03-02 16:21:03

只需一秒鐘。我正在創建一個示例項目來嘗試一下:) – mohamedrias 2015-03-02 16:21:42

它應該是class ='{{first.greeting}}'剛纔試過了，它的工作原理是 – mohamedrias 2015-03-02 16:36:14

回答