Angular UI-Router Not Changing Title

11 浏览
0 Comments

Angular UI-Router Not Changing Title

我有一段代码，我正在努力找出拥有自己标题的页面的最佳方法。目前，在index.html中设置了标题，但每个页面似乎都自动继承了这个标题。

问题是，由于某种原因，我不能只是转到另一个页面并在中输入This Window Section，因为它仍然会显示"我的应用程序"。我已经阅读了相关资料，说只需将标题添加到$stateProvider中，它会改变标题，但仍然没有改变标题。

在graphController.js中设置标题并在HTML中使用ng-init调用它是有效的。但我不想用这种方式（我相当确定这种方式很可怕和"hacky"）。

有没有办法保持默认的index.html标题并能够覆盖它，而不是用我自己的"hacky"方法？我更希望在我的applicationUIRoutes中做，但如果我能够在页面中只需键入 something的标题 并正确地覆盖index.html，我也可以接受。

我已经尝试了Set Page title using UI-Router和Updating title tag using AngularJS and UI-Router，并添加了以下内容：

applicationModule.js

var app = angular.module("myApp, [ " ..
]);
app.run(['$rootScope', '$state', '$stateParams', function($rootScope, $state, $stateParams) {
    $rootScope.$state = $state;
    $rootScope.$state = $stateParams;
}]);

applicationUIRoutes.js snippet

app.config(function($stateProvider, $urlRouterProvider) {
    ...
    $stateProvider.state("application.graph", {
         url: "/graph",
         views: {
             templateUrl: "apps/graph.html",
             controller: "graphController",
             controllerAs: "graphCtrl"
        },
        data: " { pageTitle: "Graph Test" }
    }
...
}

graph.html snippet


    index.html</code>的"我的应用程序"。而且，如果我搜索我创建的标题，它会被放在body的某个地方，如下所示：</p>
</p>
<pre class="brush: xml">
    <title class="ng-scope"> Graph Title

不确定为什么会发生这种情况。我想象这是使用视图时代码结构的原因，但我尝试将标题添加到applicationUIRouter的不同部分，它仍然不会改变。

0