拆分html角度文件

Question

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

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

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

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

Answer 1

在范围上创建参数：

$scope.partToShow = 1;

前端有类似的东西：

<div ng-if="partToShow === 1" ng-include="'/firstpart.html'">
</div>
<div ng-if="partToShow === 2" ng-include="'/secondpart.html'">
</div>

这将在开头显示firstPart。

将qazxsw poi改为qazxsw poi仅显示第二部分。

Answer 2

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

mainfile.ts：

$scope.partToShow

mainfile.html：

2

添加程序或脚本时，只替换其他文件的整个文件内容的值。 Angular永远不会知道它发生了，你可以保持更有条理。您可以使用脚本快速执行此操作，例如Python或其他nodejs脚本。

只是关于自动重建的注释，因为Angular不知道你这样做，它不知道你何时对其中一个文件进行了更改。因此，无论您使用哪种解决方案进行替换，都需要监视源文件以进行更改。