模板 – 在angular.js中进行模板化 – 继承

作为服务器端Web框架用户(我使用Django),我喜欢模板的组织方式.基本模板的页面标题,CSS,js,页眉和页脚被定义为块,可以在子模板中覆盖.

角度这样做的方式是什么？

每个页面的内容当然是由ng-view提供的,除此之外,我不能做太多.标题标签例如在视图之外,我无法动态更改.

给我一个完整的项目的示例代码是很好的,看看模板是如何组织的.大多数示例项目都很小,不需要在模板中继承.

Django的模板是非常好的,但请记住,Angular主要用于构建SPA(单页应用程序),因此它在概念上是不同的.在一个典型的Angular项目中,您将使您的服务器端框架生成基本模板,然后将路由转交给Angular进行其他任何操作,内容部分将根据路由有条件地包含.

Django和Angular模板之间的一个相似之处就是ng-include指令,它允许您吸收一些可重用的html.但是Django的{{block}}或{{block super}}系统并没有什么类似的东西.

您可以编写一个自定义指令来引入额外的css / javascript,而不是使用{{block extrahead}}.

对于动态标题标签,您需要确保您的控制器元素设置在头元素上方,否则将超出范围,因此无法访问.我们在基本模板中这样做：

<title data-ng-bind="title">Oursite</title>

然后在该URL的控制器中：

$rootScope.title = 'Dashboard | Oursite';

其他建议的方法在this线程.

原文地址：https://www.jb51.cc/angularjs/140773.html