Заголовок страницы, описание с помощью углового-ui-router

Я попытался/использовал все возможные ссылки на stackoverflow и другие уроки, но не смог получить заголовок страницы, описание для работы. Мой код состояния выглядит следующим образомЗаголовок страницы, описание с помощью углового-ui-router

 $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>

перенаправляет файл home_base.html который inturns маршруты Welcome.html файл.

Контроллер

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

Любая помощь будет оценена

источник

2016-12-26 Subhajit

Ваш контроллер? код? обновить это сообщение – Aravind

Вы пытаетесь связать элемент, который находится вне приложения. Если вы хотите иметь доступ к '{{pagetitle}}', он должен находиться под контролируемым элементом dom. –

Где находится ваш контроллер? –

Я думаю, что вам не хватает директивы нг-приложение.
класть ng-app="ragamixApp" директива в вас html бирка.

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

источник

2016-12-26 06:43:53

Вы просто попробовать это.

Если вы посмотрите на пример приложения ui-router, они используют угловой блок .run, чтобы добавить переменную $ state в $ rootScope.

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

Setup состояние точно так же:

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

Html

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

источник

2016-12-26 05:57:18

Я пробовал это, но не повезло. есть ли у меня проблема с использованием

вложенных? Я имею в виду в файле index.html, который я использовал

для маршрутизации моего абстрактного состояния, а затем в этом html-файле я снова использовал

для маршрутизации содержимого welcome.html? Также угловой 1,6 является то, что я использую – Subhajit

, вы проверяете это. https://github.com/angular-ui/ui-router/wiki/nested-states-&-nested-views –

Заголовок страницы, описание с помощью углового-ui-router

ответ

Смежные вопросы