Question

我使用带有角带的angularjs，我有一个ng-view作为我视图的主要容器，并且每次路径更改都会更新。我遇到的问题是Angular正在显示这两个视图，我查看了这个问题（how to prevent AngularJs from having old view and new view on dom when route changes），但它并没有真正回答我如何阻止它或者应用好动画的问题，因为现在它只是在一瞬间显示新旧的一个。我尝试了ng-animate="fadeIn"，ng-animate="{enter: 'am-fade-and-scale', leave:'am-fade-and-scale'}"，ng-animate="{enter: 'fadeIn', leave:'fadeOut'}"和ng-animate="none"，并且在所有情况下我都没有获得任何动画，并且两者同时可见。我的HTML在下面。

<body id="body">
 <div snap-content style="background-color: white">
     <div class="nav-contain" ng-controller="SidebarController">
         <ng-include src="'js/pages/sidebar.html'"></ng-include>
     </div>
     <div class="contain" ng-view autoscroll="true" ng-animate="{enter: 'am-fade-and-scale', leave:'am-fade-and-scale'}"></div>
 </div>
</body>

更新：

我确实得到了动画作品，我应该把动画名称放在课堂上。 <div class="contain am-fade-and-scale" ng-view autoscroll="true" ng-animate></div>，但问题仍然是它将新内容置于旧内容之下。所以你们两个内容同时进行。

在使用ng-view切换路径时，如何防止角度重叠两个视图

0 个答案: