angularjs – Ng-animate不添加ng-enter和ng-leave类
发布时间:2020-12-17 08:08:23 所属栏目:安全 来源:网络整理
导读:这是我第一个使用Angular的项目,我有一些烦恼与ng动画。我做了几个教程,在教程中,我一切正常工作。现在我正在使用Angular作为一个项目,我只是不能得到ng动画正常工作。诸如“ng-enter”和“ng-leave”等类不会添加到不同的元素中。 我比较了我的各种工作
|
这是我第一个使用Angular的项目,我有一些烦恼与ng动画。我做了几个教程,在教程中,我一切正常工作。现在我正在使用Angular作为一个项目,我只是不能得到ng动画正常工作。诸如“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 (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |
