Angular JS UI示例應用程序不工作

Question

我試過UI路由器示例應用程序（plnkr.co/edit/u18KQc?p=preview），但是當我在瀏覽器中運行相同的代碼時，它不起作用。 API的最近更改？直到「$ urlRouterProvider.otherwise（」/ route1「）」它正在工作，因爲它最初路由到「/ route1」。

附加文件將以index.html（在同一目錄中）：

• route1.html
• route1.list.html
• route2.html

• 路徑2。 list.html

  var myapp = angular.module('myapp', ["ui.router"]) 
  myapp.config(function($stateProvider, $urlRouterProvider){ 
      // For any unmatched url, send to /route1 
      $urlRouterProvider.otherwise("/route1") 
  
      $stateProvider 
      .state('route1', { 
       url: "/route1", 
       templateUrl: "route1.html" 
      }) 
       .state('route1.list', { 
        url: "/list", 
        templateUrl: "route1.list.html", 
        controller: function($scope){ 
        $scope.items = ["A", "List", "Of", "Items"]; 
        } 
       }) 
  
      .state('route2', { 
       url: "/route2", 
       templateUrl: "route2.html" 
      }) 
       .state('route2.list', { 
        url: "/list", 
        templateUrl: "route2.list.html", 
        controller: function($scope){ 
        $scope.things = ["A", "Set", "Of", "Things"]; 
        } 
       }) 
  }) 
  

Answer 1

AngularJS通過AJAX調用和電話等負載模板可以當它運行從服務器頁面，從文件系統加載您的應用程序（在地址欄file:///）將無法正常工作只能由瀏覽器發出的。

您可以使用一個簡單的服務器，例如python -m http.server