angularjs - 基于 pug (jade) 和 angularjs 中的 ngif 语句渲染部分视图

Question

是否可以有 2 个单独的 .pug 文件作为父模板中的 ng-if 语句的结果？就像是

ng-if({booleanVar ? pugFile1.pug : pugFile2.pug})

或者有什么比在 ngif 语句中包含 2 个完整页面更干净的方法？感谢大家

Answer 1

服务器端渲染和客户端逻辑之间似乎存在混淆。

如果要渲染（服务器端）一个模板或另一个模板，则必须使用 pug if，而不是 angular if。此外，它不会与您的客户端模型动态。

如果要基于客户端模型显示一个或另一个模板，则需要使用 ng-if（或 ng-switch），两个模板都将由服务器呈现并发送到浏览器。如果可以拆分代码，您仍然可以使用 pug 包含。