大佬教程收集整理的这篇文章主要介绍了angularjs – Ng-animate不添加ng-enter和ng-leave类,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我比较了我的各种工作脚本,但是找不到我做错了什么。
我的标题:
<link rel="stylesheet" href="css/app.css"> <script src="js/libraries/jquery-2.1.1.min.js"></script> <script src="js/libraries/angular.js"></script> <script src="js/libraries/angular-animate.js"></script> <script src="js/libraries/angular-resource.js"></script> <script src="js/libraries/angular-route.js"></script> <script src="js/app.js"></script> <script src="js/controllers.js"></script> <script src="js/services.js"></script>
我的HTML:
<div class="view-container"> <div ng-view class="{{pageclass}} view-frame"></div> </div>
我的app.js
'use Strict'; /* App Module */ var ENGIneshowcaseApp = angular.module('ENGIneshowcaseApp',[ 'ngRoute','ngAnimate','ENGIneshowcaseController','ENGIneshowcaseservices' ]); ENGIneshowcaseApp.config(['$routeProvider',function ($routeProvider) { $routeProvider. when('/',{ templateUrl: 'partials/main.html',controller: 'MainCtrl' }). when('/chapters/:chapterID',{ templateUrl: 'partials/chapter.html',controller: 'ChapterCtrl' }); } ]);
我的controllers.js:
'use Strict'; /* Controllers */ var ENGIneshowcaseController = angular.module('ENGIneshowcaseController',[]); ENGIneshowcaseController.controller('MainCtrl',function ($scope,Main) { $scope.pageclass = "page-home"; $scope.hotspots = Main.query(); }); ENGIneshowcaseController.controller('ChapterCtrl',$routeParams,Main) { $scope.pageclass = "page-chapter"; $scope.chapter = Main.get({ chapterID: $routeParams.chapterID }); });
第一/主页的HTML:
<div ng-repeat="hotspot in hotspots" class="hotspot hotspot-{{hotspot.iD}}" data-nextup="chapter-{{hotspot.iD}}" data-startframe="{{hotspot.startFramE}}" data-endframe="{{hotspot.endFramE}}"> <a href="#/chapters/{{hotspot.chapterID}}"> {{hotspot.label}} </a> </div>
如果我是正确的,课堂上的“热点”应该会收到“进入”和“离开”课程,但不知何故,他们不会。
有人可以帮助我吗?我究竟做错了什么?
非常感谢!!
>你没有提到你使用哪个版本的角度。从1.2版本的动画作品不同。有一个非常好的文章:Remastered Animation
此外,ng动画哲学是CSS类的添加和删除的定时,所以实际的动画应该由CSS定义(你没有提供,所以很难弄清楚是什么问题)。
>此外,“实际”动画是ng-leave.ng-leave-active和ng-enter.ng-enter-active的地方。您可以在文章中阅读更多内容。
>这是一个非常简单的例子,应该给你一个开始:Simple Plunker Example
以上是大佬教程为你收集整理的angularjs – Ng-animate不添加ng-enter和ng-leave类全部内容,希望文章能够帮你解决angularjs – Ng-animate不添加ng-enter和ng-leave类所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。