angular - 如何在角度中使用带有 pug mixin 的变量？

Question

我正在尝试使用 with pug 构建一个 mixin，它将角度变量作为输入并显示输入数据。我可以让它与一个字符串一起工作，但当我尝试包含一个异步数据值时却不行。我怎么能这样做？

//component.view.pug
h3 {{ (item | async)?.firstname }} {{ (item | async)?.lastname }}
+myMixin(item)


mixin pre(data)
    pre.bg-dark {{ data| async | json}}

标签： angularpug

Answer 1

Pug 是服务器端，Angular 是客户端。您的问题只能用“无法完成”来回答，因为这两个平台不能像这样互操作。

要解决您的问题，您可以在 pug mixin 中渲染 Angular 代码：

mixin pre(data)
  pre.bg-dark(ngClass="!{data}| async | json"}

我不能 100% 确定粘贴代码中的哪个变量，但在上面的示例data中来自 pug，并且两者async都是jsonAngular 变量。