在Angular JS中查看模板编译

时间:2014-11-19 12:28:49

标签: javascript angularjs

我正在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。

0 个答案:

没有答案
相关问题