0

我在 Angular.js 的 google 组上发布了这个,但似乎没有得到关注或帮助。所以我在这里重新发布。

问题:将新的部分 html 加载到 ng-view 时,“enter”回调的元素已定义且正确,但旧的部分 html(应该被新的部分替换)并没有消失,而是新的内容是附加在旧内容下,更不用说任何滑动动画了。我检查了日志,“leave”$animation 的设置和启动函数中的“元素”都显示为未定义,这导致了一些 jquery 错误。

我还尝试了定义类似动画的 css 方式,但没有任何运气 - 没有动画,没有错误。(我在这里看到了演示http://code.angularjs.org/1.1.4/docs/api/ng.directive:ngView,所以这可能是由于我有一些我仍然无法弄清楚的错误配置)

plunker 在这里:http ://plnkr.co/edit/wSsjSPN62PyKHJAQtvfv

4

1 回答 1

0

您的 plunker 存在一些问题,但我认为它们可能只是设置问题,而不是您的代码。

第一个 - 不包括 jQuery,这会导致元素返回未定义的问题。

其次,您需要设置额外的 CSS 才能看到过渡。

请参阅更新的示例:

http://plnkr.co/edit/gmA1kVOpX2lk94AWs2pJ?p=preview

  <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.1.4/angular.js"></script>
于 2013-04-10T22:35:46.350 回答