javascript - ng-enter 不会在 ui-view 上触发，该 ui-view 是页面刷新时另一个 ui-view 的子级

Question

我认为这与 ng-enter 事件没有被渗透到最低的 ui View 有关，但不确定如何正确解决该问题。

我有一个大型 angularjs 应用程序， subview 中包含 subview ，并且当用户在整个应用程序中导航时，所有动画都完美运行。问题是当我访问深层链接(例如简单的页面刷新)并单击触发 ng-enter/ng-leave 的按钮时，它似乎不会在正确的 Ui View 上触发

例如，在我们使用的简化模板中:

<ui-content ui-view="" layout-fill="" class="ng-scope"><!-- uiView: undefined -->
    <ui-view class="ng-scope"><!-- uiView:  -->
        <div id="child-view" ui-view layout="column" layout-fill="" class="ng-scope">
            <ui-view class="grandchild-view ng-scope">
                 <!-- template for grandchild-view -->
                 <div ng-if="isActive" class="page {{action}}">
                      <!-- HTML Content here -->
                 </div>
            </ui-view>
        </div>
     </ui-view>
</ui-content>

当我导航到该页面时，它会在第一次加载时执行弹出动画，当我按下下一个按钮时，ui-view <ui-view class="grandchild-view ng-scope">应该滑到下一个项目。导航到页面时，这一切都按预期工作，但是当我们访问深层链接时，当我按下下一步滑动按钮时，弹出动画似乎会再次发生，这只发生一次，在它按预期运行之后。

我相信这是 ng-event 未在正确的 ui-view 上触发的问题，因为我将日志添加到了我似乎注意到的内容中，刷新后第一次按下按钮时，在子项上触发了 Enter然后查看孙 subview (显示不正确的动画)，但在按下后续按钮时，它不会在 subview 上触发，而只会在孙 subview 上触发(显示正确的动画)

任何人都可以建议我如何解决这个问题，如果它有所不同，我们正在使用 ui-router state.$go导航，传递参数来设置 Controller 中用于指示动画的类

$state.go($state.current.name, {
    action: $scope.action
});

操作可以打开(弹出页面并在来自应用程序的另一个区域时使用)下一个和上一个(在孙 subview 中更改页面时，唯一的区别是它们滑动的方向)

Answer 1

我也遇到了同样的问题，插入/嵌套的 ui View 似乎在某个地方存在错误，无法正确触发 ng 动画。为了解决这个问题，我对插入新 ui View 的状态进行了有针对性的重新加载:

$state.go('app.state_inserting_ui', {}, {reload: 'app.state_inserting_ui'});