Angular-UI-Router無法正常工作

Question

因此，今天我在我的webapp中添加了angular-ui-router。 但是，它顯示出一些非常奇怪的行為。 它用於在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);
}]);

Answer 1

嘗試這個

url:"settings/account",

Angular-UI-Router無法正常工作

問題描述

1 個解決方案

解決方案1
0 2014-12-17 23:31:08

Angular-UI-Router無法正常工作

問題描述

1 個解決方案

解決方案1 0 2014-12-17 23:31:08

解決方案1
0 2014-12-17 23:31:08