Question

我对angulerjs相对较新，但使用路线，服务，控制器等，我可以使用导航栏标题开发一个标准的Web应用程序，其页面显示在ng-view下面，即

<body>

    <header>
        navbar goes here
    </header>

    <div class="content-wrapper" ng-controller="MainController">
        <div ng-view></div>
    </div>

</body>

目前，<header>代码之间显示的所有内容都是完全静态的，无论ng-view中加载了哪个网页，都不会发生变化。

我现在需要在标题中添加一些项目，这些项目是基于ng-view中的页面的上下文。

因此，我在网站顶部有一个单独的栏（就像stackoverflow一样）。它将包含两个子元素 - 一个将浮动到左侧并且将是静态的，另一个将浮动到右侧，它的内容将是动态的。

我不确定如何在angularjs中完成此操作，因为我认为一个页面只能包含一个ng-view

任何建议都将不胜感激

编辑：添加以下说明：

为了提供更多上下文，标题中的一个DIV将包含上下文按钮。例如。如果网站正在显示产品项目，则标题中的按钮将为“编辑”，“删除”。如果网站显示发票，则标题中的按钮将是“添加产品”，“发送发票”。我的标题基本上就像Youtube一样，如果右边的按钮根据显示的页面类型而改变

Answer 1

我并不完全确定您是否正在尝试根据ng-view设置标题，如果您刚刚开始，可能需要重新考虑一些结构出。但是，一般情况下，您可以使用不同的方式嵌套，以便访问MainController $ $范围内的对象：

<body>

    <div ng-controller="MainController">
        <header>
            {{customHeader}}
        </header>
        <div class="content-wrapper">
            <div ng-view onload={{customHeader = 'something new'}}></div>
        </div>
    </div>

</body>

在标题中混合静态和动态元素

1 个答案: