javascript - 保持外部 View 不变，而只是在 Angular-ui 中重新加载内部 View

Question

我有一些类似这样的模板:

home.html

<div ui-view></div>   <!-- homeframe.html plugs in here -->

homeframe.html

<!-- quickcontact.html and settings.html plugs in here -->
<div ui-view="widget"></div>

<a class="link" ng-click="changeUrl('/')">quickcontact</a>
<a class="link" ng-click="changeUrl('/settings')">settings</a>

quickcontact.html

<div>
.
.
.
</div>

设置.html

<div>
.
.
.
</div>

homeframe.html 加载到 home.html 中出现的 ui-view 中。同样，quickcontact.html 和 settings.html 会加载到 widget ui-view 中。我想阻止 homeframe.html 再次重新加载，并继续更改 widget ui-view 的内容。如何使用 Angular-ui 状态来实现此目的？

Answer 1

尝试直接导航到您的快速联系或设置状态，而不是更改 URL 来触发它们。您可以使用 ui-router 的 ui-sref触发状态转换的指令。假设状态名为 settings 和 quickcontact:

<a class="link" ui-sref="quickcontact">quickcontact</a>
<a class="link" ui-sref="settings">settings</a>