Текстовый параметр ui-router $ stateProvider, не отображаемый в пользовательском интерфейсе, AngularJS 1.6.x - PullRequest
Новая
       8

Текстовый параметр ui-router $ stateProvider, не отображаемый в пользовательском интерфейсе, AngularJS 1.6.x

0 голосов
/ 21 мая 2018

Обучение использованию AngularJS (1.6.x) и ui-router и просто попытка передать простую текстовую строку (GOOD TEST) из одного параметра $ stateProvider.state, прежде чем я попробую более сложные вещи.Залил через другие SO посты и AngularJS документы.В моем коде нет синтаксических ошибок (komodo edit 11), нет угловой ссылки, ошибок загрузки или каких-либо ошибок в консоли.Браузер Chrome v66.0.x.Класс / ссылка на штат (калькулятор США) и URL-адрес выполняются на странице просто отлично.Просто ничего не происходит, когда я нажимаю на класс, чтобы активировать его.Предположение, что .configs в JavaScript не настроены должным образом.Код HTML и JS следующий: 

angular
    .module('myTestApp', ['ui-router'])

.config(['$stateProvider', function($stateProvider){
    $stateProvider
        .state('usCalculator', {
            url: '/usCalculator',
            template: 'GOOD TEST'
        });
}]);
<!doctype html>
 <html ng-app>
  <head>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.10/angular.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-router/1.0.18/angular-ui-router.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.js"></script>
    <script type="text/javascript" src="myTestApp.js"></script>
    <link rel="stylesheet" href="style.css">
  </head>
  
  <div class="container" ng-app="myTestApp">
      <a href="#/usCalculator">US Calculator</a>
      <div ui-view>
      </ui-view>
  </div>
</html>

1 Ответ

0 голосов
/ 21 мая 2018

В вашем html есть 2 ng-app, и вы вставляете "ui-router", оно должно быть "ui.router"

Проверьте этот plunkr 

angular.module('myTestApp', ["ui.router"])
...