我正在AngularJS中编写一个前端应用程序。我使用了很多自定义指令来包含模板,f.ex。
<body>
<my-header></my-header>
<site-information></site-information>
</body>
在我的角度应用程序中定义:
var app = angular.module('myApp');
app.directive('myHeader', function() {
return {
'restrict': 'E',
'templateUrl': '/partials/template.html'
}
});
等等。
然而,如果一个模板可以包含两个不同的部分,或者&#34;子模板&#34;,它可能对我非常有用,而不需要再做两个AJAX请求。换句话说,模板可以编译&#34;在被展示之前。
<!-- template.html -->
<div class="row">
<div class="col-md-6">
{{ content_one }}
</div>
</div>
<div class="row">
<div class="col-md-6">
{{ content_two }}
</div>
</div>
有没有简单的方法来实现这个目标?
问候,Skovmand。