Ui-sref не работает, когда я нажимаю на них

Question

У меня есть HTML-файл

<div class="list">

  <a  ui-sref="sideMenu.settings.profileSettings" class="item item-icon-left">
    <i class="icon ion-email"></i></a>
    User Profile
  </a>
   <a ui-sref="sideMenu.settings.profileSettings" class="item item-icon-left">
    <i class="icon ion-email"></i>
    Vehicle
  </a>
</div>

и файл JS

.state('sideMenu.settings.profileSettings', {
        url: "/profileSettings",
        templateUrl: "templates/Settings/profileSettings.html",
        controller: 'profileSettingsController'

    })

Теперь всякий раз, когда я нажимаю на состояние. Это обновляет URL. Это означает, что он выполняется, но не обновляет представление. Я почесал голову, но не могу понять, в чем проблема.

Answer 1

Есть рабочий поршень. Не совсем уверен, что не работает, потому что сейчас действительно много ресурсов и вопросов и ответов, раскрывающих тайну UI-Router... но хорошо

Я использовал ваши состояния, как это:

  .state('sideMenu', {
      url: "",
      template: '<div ui-view></div>',
  })
  .state('sideMenu.settings', {
      url: "",
      template: '<div ui-view></div>',
  })
  .state('sideMenu.settings.profileSettings', {
    url: "/profileSettings",
    templateUrl: "templates/Settings/profileSettings.html",
    controller: 'profileSettingsController'
  })
  .state('sideMenu.settings.vehicle', {
    url: "/vehicle",
    templateUrl: "tpl.html",
  })

Как видим, я просто показал родителям и добавил еще один государственный автомобиль.

И с index.html вот так:

<div class="list">

  <a  ui-sref="sideMenu.settings.profileSettings" class="item item-icon-left">
    <i class="icon ion-email"></i>
    User Profile
  </a><br />
   <a ui-sref="sideMenu.settings.vehicle" class="item item-icon-left">
    <i class="icon ion-email"></i>
    Vehicle
  </a>

</div>

плюс цель где-то

<div ui-view=""></div> // here will be the parent state injected

Это работает. Проверьте это здесь