San*_*nes 6 html controllers partials angularjs yeoman
我很抱歉如果我不能很好地解释自己,那么就这样了.基本上我在尝试解决这个问题时遇到了麻烦.我正在使用Yeoman来生成我的角度项目.我有页眉和页脚,页脚将是静态的,页眉将需要自己的控制器.我遇到的问题是,我并不特别希望标题位于其他控制器之外.也许我错了,这实际上并不是一个问题,最好的做法显然是将标题放在外面ng-view?这是我到目前为止:
<head>
<!-- head stuff here -->
</head>
<body ng-app="dscover.me">
<div ng-include src="'partials/header.html'"></div>
<div ng-view="">
</div>
<div ng-include src="'partials/footer.html'"></div>
</body>
Run Code Online (Sandbox Code Playgroud)
这是在页面和页脚之外包含页眉和页脚的正确方法MainCtrl吗?这对我来说只是因为,如果我要创建一个新的控制器/页面,我仍然可以访问它外面的控制器吗?问题再次是我想克制自己使用rootScope,不幸的是,这似乎是唯一的方法,在标题之外MainCtrl?
对于可怕的解释我很抱歉,但我希望你们明白.如果有更好的方法,请告诉我.任何帮助将不胜感激!
首先,我会尝试尽可能依赖 AngularJS 的给定功能。在应用程序中实现页眉和页脚有三种方法:
您想要使用它的原因是简单且编写的代码较少。来自文档:
获取、编译并包含外部 HTML 片段
因此,它只包含一个外部 html 块。
这是 Angular(2.0 之前)中的默认路由器,并且有一个更好的选项,称为ui-router。
UI-Router是AngularUI团队构建的AngularJS路由框架。它提供了与 ngRoute 不同的方法,它根据应用程序的状态而不仅仅是路由 URL 来更改应用程序视图。
它支持嵌套视图等功能。使用它的主要原因是分离控制器和这些视图的范围。就页眉和页脚而言,如果您希望内部有完全独立的逻辑,那就去做吧。
如果主要内容范围和页眉/页脚中有逻辑重叠,则应使用此选项。此外,您还可以获得额外的好处,例如可重用性等。
因此,您可以选择其中之一,但在写作之前不要懒惰地搜索和阅读(此处、此处、此处或此处)。
| 归档时间: |
|
| 查看次数: |
5964 次 |
| 最近记录: |