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

How to assign Jade variable to Angular bind

本文关键字:Angular 绑定 分配 变量 Jade      更新时间:2023-09-26

这里有一个小问题,我有jade变量,所以我想把那个jade变量分配给angular bind。

但它的返回错误

这是我的翡翠

- 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控件表达式中使用Angular范围变量。Jade将模板编译成Angular使用的HTML,而不是其他方式。

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

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

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

我以前从未将jade和angular一起使用过,但如果您成功地将"editormode"变量传递到jade模板,则以下操作将起作用:

.content
  .title Title
  if editormode
     .title-edit