Angular UI路由器工作不正常

所以，今天我在我的webapp中添加了angular ui路由器。然而，它表现出了一些非常奇怪的行为。它用于在ui-view中显示当前页面。一页接一页。

现在，它工作正常，但它没有显示子页面，我似乎不明白为什么。

主页

<!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);
}]);

试试这个

url:"settings/account",

相关内容

最新更新

热门标签：