gpt4 book ai didi

javascript - 更改 ng 包含或定义默认 ui View

转载 作者:行者123 更新时间:2023-12-03 10:38:23 25 4
gpt4 key购买 nike

我有一个 Angular 网络应用程序,我想要一个主页标题和所有其他页面的不同标题。我现在的html结构是

<html>
<body>
<ng-include="header.html">
<div data-ng-include="'header.html'"></div>
<section data-ui-view></section>
<div data-ng-include="'footer.html'"></div>
</body>
</html>

当页面是主页时,我想包含 header-home.html。我尝试在 headerController 中写入包含路径并根据 $location.path() 分配适当的值。但它只会在页面加载时运行一次。当 ui-view 更改时,它不会运行。我知道我可以使用 ui-view 在某个状态下分配不同的 View ,但如果我想在所有 View 中为标题添加新 View ,我有很多路线,需要更改很多配置文件。

有什么方法可以包含 app.run 中的适当 header ,以便它根据路线进行更改,或者在每次路线更改时运行 header Controller ,或者在未指定的情况下为状态分配默认 View 。

最佳答案

app.run 中监听状态更改事件,并根据状态更改在 $rootScope 中设置一个标志。

在 HTML 中:

基于标志使用ng-if并包含不同的 header 模板。

关于javascript - 更改 ng 包含或定义默认 ui View ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28892498/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com