0
因此，今天我添加了angular-ui-router到我的webapp。但是，它顯示出一些非常奇怪的行爲。它用於顯示ui-view中的當前頁面。所以在頁面中的頁面。Angular-UI-Router無法正常工作
現在，它的工作正確，但它不顯示子頁面，我似乎無法弄清楚爲什麼。
主頁
<!doctype html>
<html lang="en" ng-app="ExampleApp">
<head>
<meta charset="UTF-8">
<title>Example App</title>
</head>
<body>
<div>
<div ui-view></div>
</div>
<!-- Angular -->
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.4/angular.js"></script>
<!-- UI-Router -->
<script src="//angular-ui.github.io/ui-router/release/angular-ui-router.js"></script>
<!-- Main app file -->
<script src="/js/main.js"></script>
</body>
</html>
main.js
var ExampleApp = angular.module('ExampleApp', ['ui.router']);
ExampleApp.config(function($stateProvider, $urlRouterProvider) {
//
// For any unmatched url, redirect to /home
$urlRouterProvider.otherwise("/home");
//
// Now set up the states
$stateProvider
.state('home', {
url: "/home",
templateUrl: "views/home.html",
controller: "MainController"
})
.state('settings', {
url: "/settings",
templateUrl: "views/settings.html",
controller: "SettingsController"
})
.state('settings.account', {
url: "/account",
templateUrl: "views/settings.account.html",
controller: "AccountSettingsController"
});
});
ExampleApp.config(["$locationProvider", function($locationProvider) {
$locationProvider.html5Mode(true);
}]);
所以要確認的問題：'home'和'settings'狀態正確顯示，但'settings.account'不？ – 2014-09-10 21:33:02
那麼，如果我點擊「設置」，然後點擊「帳戶」，就會發生這種情況。但是，如果我通過chrome中的地址欄進入'/ settings/account'，我會得到一個空白頁面。 – User183849481 2014-09-10 22:29:19
我也有這個問題。請求頁面時嘗試使用尾部斜線。 – 2014-12-17 23:56:45