我在我的应用程序中使用UI-router,当URL/状态更改时,我想要一个简单的“scrollTo”到锚点。我不想从模板加载下一步,也不想加载新的控制器。我只想让几个div已经在页面上,并在它们之间向上和向下滚动。HTML的简化视图如下:
<div id="step1">
<button ng-click="moveToStep2()">Continue</button>
</div>
<div id="step2">
<button ng-click="moveToStep3()">Continue</button>
</div>
<div id="step3">
Step 3 content
</div>
因此,当您进入页面时,URL将为domain.com/booking
当您单击第一个按钮时,我希望我的控制器代码将URL更改为domain.com/#/step-2并向下滚动到“step2”div。
理想情况下,当用户点击后退按钮时,它将恢复到第一个URL并向上滚动到步骤1。
有人知道如何做到这一点吗?
ui-view指令告诉$state在哪里放置你的模板。
,所以如果你不使用模板,你就不需要它。 - Umidbek