單擊我的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。 這意味着它正在執行，但不會更新視圖。 我有點em頭，但似乎無法弄清楚問題出在哪里。

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

這是工作。 在這里檢查