0

我有一个 Angular 应用程序，在 ng-views 之间有一个共享的操作栏：

<body>
    <div ng-include src="'actionbar.html'"></div>
    <div ng-view class='slideOutLeft'></div>
</body>

ng-view 有 'slideOutLeft' 类，它可以将当前视图向左动画化，同时从右侧动画化一个新视图。

.slideOutLeft.ng-enter {
    animation:slideInRight 0.5s both linear;
}
.slideOutLeft.ng-leave {
    animation:slideOutLeft 0.5s both linear;
}

问题是动作栏的内容有时在 ng-views 之间可能会有很大的不同，并且创建一个工厂来用作 ng-view 上的控制器和动作栏之间的通信桥梁是非常困难的，动作栏是 ng-view 的兄弟。 ng-视图。显而易见的答案是将操作栏放在 ng-view 中，这样每个视图的每个视图都可以不同，并且操作栏可以访问视图控制器的范围。但是，我不希望操作栏与 ng-view 一起“slideOutLeft”。我只希望操作栏的内容在其下方的 ng-view 动画时保持固定。

如果我重新排序我的 DOM 以便

<div ng-include src="'actionbar.html'"></div>

包含在 ng-view 的模板文件中，是否有防止操作栏在页面转换期间与 ng-view 的其余部分一起制作动画？

4

0 回答 0