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

Question

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

但这是返回错误

这是我的玉

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

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

Answer 1

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

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

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

Answer 2

Jade是一个服务器端引擎，其唯一目的是从Angular没有交互作用的模板生成HTML。 Angular是一个客户端框架，可处理从服务器接收的HTML。 实现所需目标的一种方法是将编辑器变量存储到<input type="hidden"> ，然后通过Angular访问其值。

Answer 3

我以前从未一起使用过玉石和角钢，但是如果您成功将'editormode'变量传递给玉石模板，那么以下方法将起作用：

.content
  .title Title

  if editormode
     .title-edit