页面标题，使用angular-ui-router进行描述

Question

我已经尝试/使用了stackoverflow和其他教程的所有可能的引用，但无法获取页面标题，描述工作。 我的州代码看起来像这样

     $urlRouterProvider.otherwise('/home/welcome');
      $stateProvider
        .state('home', {
          url: "/home",
          abstract: true,
          templateUrl: "views/home_base.html",
          controller : "HomebaseCtrl"
        })

        .state('home.welcome', {
          url: '/welcome',
          templateUrl: 'views/welcome.html',
          controller: 'WelcomeCtrl'
        })

在我的控制器'WelcomeCtrl'文件中，我想为页面设置页面标题和描述。 我使用过rootScope但rootScope值没有绑定在index.html文件中。

在我的index.html文件中

  <html>
  <head>
   <title>{{pagetitle}}</title>
  </head>
  <div ui-view=""></div>

路由homeInbase.html文件，其中包含的路径为welcome.html文件。

调节器

angular.module('ragamixApp')
  .controller('WelcomeCtrl', function($rootScope){
    $rootScope.pagetitle = "Hi..I am Page Title";
   })

任何帮助，将不胜感激

Answer 1

你试试这个。

如果你看看ui-router示例应用程序，他们使用角度.run块将$ state变量添加到$ rootScope。

.run([ '$rootScope', '$state', '$stateParams',
function ($rootScope, $state, $stateParams) {
  $rootScope.$state = $state;
  $rootScope.$stateParams = $stateParams;
}])

以相同的方式设置状态：

.state('home', {
    url: '/home',
    templateUrl : 'views/home.html',
    data : { pageTitle: 'Home' }
})

HTML

<title ng-bind="$state.current.data.pageTitle"></title>

Answer 2

我认为你缺少ng-app指令。
在你的html标签中加入ng-app="ragamixApp"指令。

https://docs.angularjs.org/api/ng/directive/ngApp

页面标题，使用angular-ui-router进行描述

问题描述

2 个解决方案

解决方案1
0 2016-12-26 05:57:18

解决方案2
0 已采纳 2016-12-26 06:43:53

页面标题，使用angular-ui-router进行描述

问题描述

2 个解决方案

解决方案1 0 2016-12-26 05:57:18

解决方案2 0 已采纳 2016-12-26 06:43:53

解决方案1
0 2016-12-26 05:57:18

解决方案2
0 已采纳 2016-12-26 06:43:53