Seitentitel, Beschreibung mit angular-ui-router

Ich habe versucht/alle möglichen Referenzen auf Stackoverflow und andere Tutorials verwendet, konnte aber nicht Seite Titel, Beschreibung zu arbeiten. Mein Status-Code sieht wie folgt ausSeitentitel, Beschreibung mit angular-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' 
     })

In meinem Controller ‚WelcomeCtrl‘ Datei Ich möchte für die Seite Seitentitel und Beschreibung einstellen. Ich habe rootScope verwendet, aber der rootScope-Wert bindet nicht in der index.html-Datei.

In meiner Datei index.html

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

Routen der home_base.html Datei, die Routen inturns Datei welcome.html.

-Controller

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

Jede Hilfe wäre diese

Quelle

2016-12-26 Subhajit

Ihr Controller? Code? update to post – Aravind

Sie versuchen, Elemente zu binden, die sich außerhalb der Anwendung befinden. Wenn Sie Zugriff auf '{{pagetitle}}' haben wollen, muss es unter einem kontrollierten dom-Element sein. –

Wo ist dein Controller? –

Ich glaube, du ng-App-Richtlinie fehlen.
setzen Sie ng-app="ragamixApp" Direktive in Ihrem HTML-Tag.

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

Quelle

2016-12-26 06:43:53

Sie nur versuchen, geschätzt.

Wenn Sie sich die ui-router-Beispielanwendung ansehen, verwenden sie den eckigen .run-Block, um die $ state-Variable zu $ rootScope hinzuzufügen.

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

-Setup der Staat die gleiche Art und Weise:

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

Html

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

Quelle

2016-12-26 05:57:18

Ich habe das versucht, aber ohne Glück. gibt es ein Problem mit mir

verschachtelt? Ich meine in index.html Datei habe ich

verwendet, um meinen abstrakten Zustand zu routen und dann habe ich in dieser HTML-Datei wieder

verwendet, um den Inhalt von welcome.html zu routen? Auch winkel 1.6 ist was ich verwende – Subhajit

Sie überprüfen dies. https://github.com/angular-ui/ui-router/wiki/nested-states-&-nested-views –

Seitentitel, Beschreibung mit angular-ui-router

Antwort

Verwandte Themen