我有一个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'
})
现在每当我点击状态。它会更新网址。这意味着它正在执行但它不会更新视图。我正在摸不着头脑,但似乎无法弄清问题是什么。
答案 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