如何在Angular中的pug mixin中使用变量？

Question

我正在尝试使用带有pug的mixin构建一个mixin，该混合器将角度变量作为输入并显示输入数据。我可以使用字符串来工作，但尝试包含异步数据值时却不能。我该怎么办？

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


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

Answer 1

Pug在服务器端，而angular在客户端。您的问题只能用“无法解决”来回答，因为这两个平台无法像这样互操作。

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

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

我不确定100％确定您粘贴的代码中的哪个变量，但是在上面的示例中，data来自pug，并且async和json都是Angular变量。