在玉中创建动态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

回答