angularjs - 每次加载路由时，Angular 都会复制 ng-view

Question

AngularJS 创建一个新的 ng-view 是正常的每次加载一个路由，然后销毁之前的 ng-view ?这只是一小部分时间，但我可以在我的应用程序上看到两个 View ，并且一些收集元素 top 的指令也注意到了这种行为(似乎编译是在从 DOM 中删除原始 ng-view 之前完成的)

有人注意到这种行为吗？

Answer 1

是的，这是正常的，这允许您在 View 被替换时进行转换。

来自 official documentation of ngView :

enter - animation is used to bring new content into the browser. leave - animation is used to animate existing content away.

The enter and leave animation occur concurrently.

其实 ngView不是唯一具有这种行为的指令，例如 ngRepeat行为完全相同。

如果你想确保你的 View 不重叠，你可以试试这个。

为 ng-view 的元素添加一个类这样您就可以轻松地从您的 css 中定位它，如下所示:

<div ng-view class="your-view"></div>

然后在你的 css 中这样做:

.your-view.ng-leave { display:none; }