Angular-UI-Router not working properly

Question

So, today I added angular-ui-router to my webapp. However, it's showing some really weird behaviour. It used to display the current page in the ui-view . So a page in a page.

Now, it's working correct, but it doesn't show subpages and I can't seem to figure out why.

Main page

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

Answer 1

尝试这个

url:"settings/account",

Angular-UI-Router not working properly

Question

1 answers

solution1
0 2014-12-17 23:31:08

Angular-UI-Router not working properly

Question

1 answers

solution1 0 2014-12-17 23:31:08

solution1
0 2014-12-17 23:31:08