Angularjs ui路由器不工作,没有任何错误
app.js:Angularjs ui路由器不工作,没有任何错误,angularjs,Angularjs,app.js: 'use strict'; /** * @ngdoc overview * @name App * @description * # App * * Main module of the application. */ angular .module('App', [ 'ngAnimate', 'ngCookies', 'ngRoute', 'ngResource', 'ngSanitize', 'ngTouch
'use strict';
/**
* @ngdoc overview
* @name App
* @description
* # App
*
* Main module of the application.
*/
angular
.module('App', [
'ngAnimate',
'ngCookies',
'ngRoute',
'ngResource',
'ngSanitize',
'ngTouch',
'ngMaterial',
"ui.router"
])
.config(['$urlRouterProvider', '$stateProvider', function ($urlRouterProvider, $stateProvider) {
$stateProvider
.state('home', {
url: '/',
templateUrl: 'views/home.html',
controller: 'HomeCtrl'
})
}
]
);
index.html:
<body ng-app="App">
<header></header>
<div ui-view="">
</div>
<footer></footer>
</body>
控制台中没有错误。我试过ngRouter,它似乎能工作,但uiRouter就是不能工作,我不知道为什么
我已经试过使用了。应该是
应用程序
而不是webocityReviewApp
<body ng-app="App">
app.config(function($stateProvider, $urlRouterProvider) {
$urlRouterProvider.when("", "/");
$stateProvider
.state('root', {
url: '/',
templateUrl: "home.html",
controller: 'HomeCtrl'
})
.state('root.master1', {
url: '/master1',
templateUrl: "master1.html",
controller: 'master1Ctrl'
})
.state('root.master2', {
url: '/master2',
templateUrl: "master2.html",
controller: 'master2Ctrl'
})
})
是的。这个问题有错吗
<body ng-app="App">
app.config(function($stateProvider, $urlRouterProvider) {
$urlRouterProvider.when("", "/");
$stateProvider
.state('root', {
url: '/',
templateUrl: "home.html",
controller: 'HomeCtrl'
})
.state('root.master1', {
url: '/master1',
templateUrl: "master1.html",
controller: 'master1Ctrl'
})
.state('root.master2', {
url: '/master2',
templateUrl: "master2.html",
controller: 'master2Ctrl'
})
})