在 jade 中创建动态 div 类

Question

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

例如，我有这个 "Hello World" 代码，我想在文本输入中输入 class（例如 "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>

和class的值是动态设置的。这怎么可能？

Answer 1

因为它是一个 javaScript 表达式，我们需要使用 () 将其包装起来，例如：

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

Create dynamic div classes in jade