点击它们时,Ui-sref不起作用

时间:2015-11-20 01:13:42

标签: javascript angularjs ionic-framework angular-ui-router ui-sref

我有一个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'

    })

现在每当我点击状态。它会更新网址。这意味着它正在执行但它不会更新视图。我正在摸不着头脑,但似乎无法弄清问题是什么。

1 个答案:

答案 0 :(得分:1)

a working plunker不完全确定什么不起作用,因为现在有很多资源和Q&amp;这里揭示了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

它正在发挥作用。检查here