javascript - AngularJS - 使用 ui-router 时，视图在重新出现之前不会被清理

Question

我正在使用 AngularJS 的管理面板。该面板包括 4 个选项卡，每个选项卡都包含一个表（用户等），按下一行将导致特定对象屏幕（例如：所有用户详细信息，包括未出现在表中的那些）。

一切正常，除了一件事。我按下用户表中的一行，我得到用户屏幕。当按下而不是按下另一个用户行时，我可以看到几秒钟（直到从服务器接收到数据）以前的用户数据。

这就是我的 HTML 中的内容：

    <div class="span12" ui-view >
        <!--PAGE CONTENT BEGINS-->

        <!--PAGE CONTENT ENDS-->
    </div><!--/.span--> 

在我的控制器中，所有的过渡看起来都像（例如）：

    $state.transitionTo('userDetails', {userId: id});

有没有办法重新加载完整的 HTML，这样用户就不会看到以前的数据？

谢谢。

Answer 1

我认为问题可能是由于模型数据，而不是 html 详细视图。您绑定到详细视图的对象仅在您从服务器返回数据时才会更新，直到那时它包含最后一个绑定的对象值，因此您会看到旧值。