如何使用 Jade 在 html 中将 ui-view="ui-view" 制作成 ui-view答案

【问题标题】：How to make ui-view="ui-view" to ui-view in html using Jade如何使用 Jade 在 html 中将 ui-view="ui-view" 制作成 ui-view
【发布时间】：2015-08-25 22:43:49
【问题描述】：

我尝试使用 Jade 模板引擎在 Node JS 中实现 Angular ui 路由器。

但是 ui 视图不像以前在 HTML 中那样出现。以下是我在 Jade 中的代码：

body(ng-app="mainapp")
h1!= message
div.row 
        div.col-md-4.col-md-offset-4
                a(ui-sref="todo") To Do App
                a(ui-sref="chat") Chat Room 
    div.row
            div.col-lg-12(ui-view)

它将 HTML 呈现为

<body ng-app="mainapp">
<h1></h1>
<div class="row"> 
  <div class="col-md-4 col-md-offset-4"><a ui-sref="todo">To Do App</a><a ui-sref="chat">Chat Room </a></div>
</div>
<div class="row">
  <div ui-view="ui-view" class="col-lg-12">   </div>
</div>

我想将 ui-view="ui-view" 删除为 ui-view 将输出渲染为：

  <div ui-view class="col-lg-12">   </div>

如何做到这一点

【问题讨论】：

您是否尝试将其作为标签而不是属性？
标签有效，Jade 不支持带值的属性？
不确定，我从来不用玉

标签： javascript angularjs node.js pug

【解决方案1】：

你可以使用

doctype html

在您的玉文件顶部。

或者只是使用一个空属性（主要适用于 angular，我不知道它是否适用于 ui-view）。

div.col-lg-12(ui-view="")

【讨论】：

实际上我尝试了 div.col-lg-12(ui-view="") 但它也没有。感谢设置 doctype html 使它起作用。
这是描述问题的 github 票证：github.com/jadejs/jade/issues/370