保持外部视图不变，同时仅在angular-ui中重新加载内部视图

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>

settings.html

<div>
.
.
.
</div>

在出现在home.html中的ui-view中加载homeframe.html。同样，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>