在jade中创建动态div类

Question

我需要的是使用Jade和AngularJS动态创建类。

例如，我有这个＆＃34; Hello World＆＃34;代码，我想在文本输入中键入类（例如＆＃34; alert alert-danger＆＃34;）然后更改{{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>

要动态设置的类的值。 怎么可能？

Answer 1

由于它是一个javaScript表达式，我们需要使用()来包装它，如：

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