加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 服务器 > 安全 > 正文

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

发布时间:2020-12-17 09:15:24 所属栏目:安全 来源:网络整理
导读:作为服务器端Web框架用户(我使用Django),我喜欢模板的组织方式.基本模板的页面标题,CSS,js,页眉和页脚被定义为块,可以在子模板中覆盖. 角度这样做的方式是什么? 每个页面的内容当然是由ng-view提供的,除此之外,我不能做太多.标题标签例如在视图之外,我无法
作为服务器端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线程.

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读