如何将Jade变量赋值给Angular绑定

时间:2016-05-12 08:41:14

标签: javascript angularjs node.js express pug

这是一个小问题,我有jade变量,所以我想将jade变量赋值给angular bind。

但它返回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

3 个答案:

答案 0 :(得分:2)

您无法在Jade控件表达式中使用Angular范围变量。 Jade将模板编译成Angular使用的结果HTML,而不是其他方式。

在您的情况下,您可能需要ngIf指令:

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

答案 1 :(得分:1)

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

答案 2 :(得分:0)

我之前从未使用过玉和角,但如果你成功通过了你的编辑模式&#39;变量到jade模板然后以下将起作用:

.content
  .title Title

  if editormode
     .title-edit