拆分html角度文件

Question

我想拆分我的html文件（基于角度）。但是，我不想使用ng-include，因为无论是否显示它都会加载它。如果ng-if条件为真，我想包括它。

我有两个段落（可以重组），并且一次只显示一个段落（基于ng-if）如果我使用ng-include，我正在重新加载它们，我不希望这样。

你能推荐一些更好的东西吗？

编辑：我意识到我的Angular版本较旧，不能使用ng-if和only ng-show。我该怎么办？

Answer 1

我的答案是使用预处理器将HTML（和打字稿）文件替换为主文件。我相信CLI支持启动任意预处理器。像这样：

mainfile.ts：

// {Include: my_sub_file.ts}
// {Include: my_other_file.ts}
// {Include: another_sub_file.ts}

mainfile.html：

<!-- Include: my_sub_file.ts -->
<!-- Include: my_other_file.ts -->
<!-- Include: another_sub_file.ts -->

添加仅将值替换为其他文件的整个文件内容的程序或脚本时。 Angular将永远不会知道它的发生，并且您可以保持井井有条。您也许可以使用脚本来快速完成此操作，例如Python或其他nodejs脚本。

只是有关自动重建的注释，因为Angular不知道您正在执行此操作，因此不知道何时对其中一个文件进行更改。因此，无论您使用哪种解决方案进行替换，都需要监视源文件中的更改。