场景：-我将html页面呈现为有角度的模板/视图。现在有大量这样的模板。
现在这些模板的头部分有div，整个模板都已固定，现在有某种方式我们可以在一个位置定义一个子模板，然后将该子模板插入所有页面中。
这样，如果要进行任何修改，我将在子模板中进行修改，这将反映在所有页面中。
就像我们在ASP.Net中拥有的UserControls或Partials一样。
我使用的是AgularJS
协议，它提供用于嵌套托管的ui路由，但目前我不打算这样做。
如果包含复杂或大量元素，则可以创建单独的html文件作为标头模板。为此模板创建一个指令，并将其用作attribute / customTag或使用ng-include将其包含在您的html中。
app.directive('header',function(){
return {
restrict: 'E', //'E': element /'A': attribute
templateUrl : 'templates/header.html'
}
});
用作属性
<div header></div> // as Attribute
<header></header> // as element
如果您的标头包含很多功能，则还可以创建一个单独的控制器（将充当子控制器）并将该控制器添加到上述标签中。如
<header ng-controller="headerController"></header>
本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句