如何将 Jade 变量分配给 Angular 绑定答案

【问题标题】：How to assign Jade variable to Angular bind如何将 Jade 变量分配给 Angular 绑定
【发布时间】：2016-09-07 23:24:09
【问题描述】：

这里有个小问题，我有翡翠变量，所以我想将翡翠变量分配给角度绑定。

但它是返回Error

这是我的玉

- var editor = false // my variable 
.content
    .title Title

     // that i want to assign 
    - editor = {{editormode}} // $scope.editormode = true || false return
    if editor
       .title-edit

【问题讨论】：

Jade 编译为 HTML，HTML 将用作 Angular 中的模板。 Jade 应该如何知道您的范围？您是否在运行时呈现模板？你的设置如何？请提供更多信息。

标签： javascript angularjs node.js express pug

【解决方案1】：

您不能在 Jade 控制表达式中使用 Angular 范围变量。 Jade 将模板编译成 Angular 使用的 HTML，而不是其他方式。

在您的情况下，您可能需要ngIf 指令：

- var editor = false // my variable 
.content
    .title Title 
    .title-edit(ng-if="editormode")

【讨论】：

【解决方案2】：

Jade 是一个服务器端引擎，其唯一目的是从模板生成 HTML，Angular 没有与之交互。 Angular 是一个客户端框架，它与从服务器接收到的 HTML 一起工作。实现您想要的一种方法是将您的编辑器变量存储到 <input type="hidden"> 中，然后通过 Angular 访问它的值。

【讨论】：

【解决方案3】：

我以前从来没有同时使用过jade和angular，但是如果你成功地将'editormode'变量传递给jade模板，那么下面的方法将起作用：

.content
  .title Title

  if editormode
     .title-edit

【讨论】：