Wie man richtig angularjs 'ng.rotuter verwendet

Ich bin ein Anfänger und ich kann nicht finden, was ich hier falsch mache, kann mir jemand helfen?Wie man richtig angularjs 'ng.rotuter verwendet

Unten ist der Code, den ich

index.html index.html

<body ng-app="psJwtApp"> 

<!-- Add your site or application content here --> 
<div class="header"> 
    <div class="navbar navbar-default" role="navigation"> 
    <div class="container"> 

     <div class="collapse navbar-collapse" id="js-navbar-collapse"> 

     <ul class="nav navbar-nav"> 
      <li><a ui-sref="home">Home</a></li> 
      <li><a ui-sref="register">Register</a></li> 
     </ul> 
     </div> 
    </div> 
    </div> 
</div> 

<div class="container"> 
    <div ng-view></div> 
</div> 

    <!-- build:js({.tmp,app}) scripts/scripts.js --> 
    <script src="scripts/app.js"></script> 
    <script src="scripts/controllers/main.js"></script> 
    <script src="scripts/app.config.js"></script> 
    <!-- endbuild -->

app.config.js (-Code für app.config.js) verwenden

Ich benutze u.router. app.config.html

'use strict'; 
angular.module('psJwtApp', ['ui.router']).config('psJwtApp', 
function ($stateProvider) { 

    $stateProvider 
    .state('register', { 
     url: '/regiter', 
     templateUrl: 'views/register.html' 
    }) 
    .state('home', { 
     url: '/ ', 
     templateUrl: 'views/main.html' 
    }); 
});

Quelle

2016-12-06 matthew

Bitte ersetzen Sie das Bild mit Text. Es ist viel einfacher für die Menschen, zu versuchen, den Kopier- und Einfüge-Code zu rekonstruieren, anstatt ihn aus einem Bild zu lesen. Siehe [Wie zu fragen] (http://stackoverflow.com/help/how-to-ask). – Daniel

versuchen, zu ändern: '.config ('psJwtApp', Funktion ($ stateProvider)' zu '.config (['$ stateProvider', Funktion ($ stateProvider) ... 'ist es nicht notwendig, hier den Namen Ihrer App neu zu deklarieren. – SuperVeetz

Vielen Dank Sie @SuperVeetz, aber es ist immer noch das gleiche, nichts passierte – matthew

var myApp = angular.module('psJwtApp', ['ui.router']); 
myApp.config(function ($stateProvider, $urlRouterProvider){ 
    $stateProvider.state("home", { 
     url: "#", 
     templateUrl: "home.html", 
     controller: "HomeCtrl" 
     }).state("register", { 
     url: "#", 
     templateUrl: "register.html", 
     controller: "registerCtrl" 
     }); 
}); 
myApp.controller('HomeCtrl', ['$scope', function($scope) { 

}]) 
myApp.controller('registerCtrl', function($scope, $stateParams) { 
})

DEMO

Quelle

2016-12-06 06:27:30 Sajeetharan

Wie man richtig angularjs 'ng.rotuter verwendet

Antwort

Verwandte Themen