如何在ngView中使用通用数据绑定页眉和页脚?

时间:2013-09-16 20:19:01

标签: angularjs

我正在使用AngularJs开发复杂的业务应用程序。

我希望在ngView块之外有公共数据绑定和控制元素,例如在页脚区域显示常规通知,标题区域中的错误消息,根据哪个视图处于活动状态而在上下文中变形的动态菜单标题区域,菜单中的搜索框,用于触发带有搜索结果的新视图,登录控件等。

这是主要"工作区域的补充"在使用ngView指令的页面上,我需要(大部分)CRUD操作。

我发现了与此相关的各种信息,但其中大部分内容都假设是静态页眉和页脚,而不是我之后的内容。

我是否可以使用ngView指令并仍然管理页面的其余部分,就好像我没有使用带有为标题声明的控制器的ngView(如果这有意义?)或者我应该完全抛弃ngView但是保持ngRoute并尝试通过指令或包含来完成所有这些?

任何建议都非常感谢。

1 个答案:

答案 0 :(得分:1)

正如你所说:顶部和底部有控制器;内容为ng-view。从我的一个例子project

<body>
    <div ... x-ng-controller="app/main/NavbarCtrl"
        x-ng-include="'virtual-template/navbar.html'"></div>

    <div class="container">
        <div x-ng-view=""></div>
    </div>
</body>

所以标题有一个控制器和一个模板(我没有页脚,但逻辑是一样的)。然后,在单独的部分中转到ng-view。在我的情况下,导航栏包含动态菜单,但任何动态内容都是可能的。