Question

我有一个角度应用程序，在ng-views：

之间有一个共享的操作栏

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

ng-view有＆＃39; slideOutLeft＆＃39;将当前视图向左移动的类，同时在右侧同时为新视图设置动画。

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

问题在于操作栏的内容有时在ng-views之间会有很大差异，因此创建工厂以用作ng-view上的控制器和actionbar是ng-view的兄弟。显而易见的答案是将操作栏放在ng-view内部，每个视图的每个视图都可以不同，操作栏可以访问视图控制器的范围。但是，我不希望操作栏出现在幻灯片上。以及ng-view。我只是希望操作栏的内容保持固定，而下面的ng-view是动画。

如果我重新排序我的DOM

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

包含在ng-view的模板文件中，无论如何都要阻止动作栏在页面转换期间使用其余的ng-view进行动画制作？

Angularjs：部分动画关于页面转换的ng-view

0 个答案: