Угловое приложение приложения UI UI не работает

Question

Я попробовал пример приложения UI Router (plnkr.co/edit/u18KQc?p=preview), но когда я запускаю тот же код в своем браузере, он не работает. Любые недавние изменения API? До "$ urlRouterProvider.otherwise ("/route1 ")" Он работает, поскольку он сначала направляется на "/ route1".

Дополнительные файлы с index.html (в том же каталоге):

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

• route2. 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