Angularjs：如何将多个html文件合并为单个html文件并从js文件加载单个html文件

Question

我将所有html文件合并到单个html文件中，我将它们包含在app.js文件中，这里加载了单个文件，并且还加载了所有html文件。请建议一种正确的方法，只使用test1.html，test2.html文件中的结果加载merge.html。

请参阅Link。我发布了。

请在此处提供正确的代码，仅加载merge.html，但不能加载所有html文件，并获得成功结果。

Answer 1

将那些test1.html和test2.html作为指令包含在app.js中，然后在merge.html中包含这些指令。所以它看起来像是：

.directive('test1', function() {
  return {
    templateUrl: 'test1.html',
  };
});

.directive('test2', function() {
  return {
    templateUrl: 'test2.html',
  };
});

然后

<div test1> </div>
<div test2> </div>