AngularJS ui.route 忽略路由
AngularJS ignore routing by ui.route
我尝试将内置 Angular 路由机制更改为 ui.router。所以我将 angular.ui.router.js 添加到我的 index.html 和我的模块中:
var app = angular.module('multibookWeb', ['ui.router']);
接下来我在app.config中设置路由:
$urlRouterProvider.otherwise('/list');
$stateProvider
.state('list', {
url: '/list',
templateUrl: '/partials/list/list.html',
});
控制台未显示任何错误,但路由不起作用。我解雇了 www.someAddress.com/# 并且我希望我的路由将我重定向到 www.someAddress.com/#/list 或类似的东西。不幸的是它没有发生。当我控制(在 $watch 内)$state.current.name 的值时,它 return 我是空字符串。我尝试通过 this 进行调试,但控制台仍然是空的...
我的Angular版本:1.2.28
我的Ui.router版本:0.2.13
Here 是 plunker
问题是,你没有ui-view
。
要使 ui-路由器正常工作,您需要一个 ui-view
。将 ng-view
替换为 ui-view
即可。
我尝试将内置 Angular 路由机制更改为 ui.router。所以我将 angular.ui.router.js 添加到我的 index.html 和我的模块中:
var app = angular.module('multibookWeb', ['ui.router']);
接下来我在app.config中设置路由:
$urlRouterProvider.otherwise('/list');
$stateProvider
.state('list', {
url: '/list',
templateUrl: '/partials/list/list.html',
});
控制台未显示任何错误,但路由不起作用。我解雇了 www.someAddress.com/# 并且我希望我的路由将我重定向到 www.someAddress.com/#/list 或类似的东西。不幸的是它没有发生。当我控制(在 $watch 内)$state.current.name 的值时,它 return 我是空字符串。我尝试通过 this 进行调试,但控制台仍然是空的...
我的Angular版本:1.2.28
我的Ui.router版本:0.2.13
Here 是 plunker
问题是,你没有ui-view
。
要使 ui-路由器正常工作,您需要一个 ui-view
。将 ng-view
替换为 ui-view
即可。