Tagged Questions
The angularjs-animation tag has no wiki summary.
0
votes
0answers
27 views
How to create a slide effect with Angular?
I have the following html:
<div>
<div data-ng-click="showContent()" data-ng-show="!visible" class="fly-in-group">{{heading}}</div>
<div data-ng-show="visible" ...
6
votes
2answers
127 views
+50
Two different animations for route changes
I have the following case: I'm using the ui-router for the routing in my AngularJS application. In one route, there are five child states for different subscreens. I want to animate the transition ...
0
votes
1answer
50 views
Using AngularJS' ngAnimate when removing an item from scope
Very simple question: In AngularJS 1.2.x, is it possible (and how) to get ngAnimate to fire when removing an item from scope?
Here's an example Plunker:
...
0
votes
1answer
49 views
angular ng-animate causing weird animation on model changed
i am currently using angular 1.2 rc3, i used transition for my ng-repeat items.
however, i found that whenever i change my model for the ng-repeat, the transition goes haywired. You'll see the whole ...
1
vote
1answer
68 views
Make a smooth animated css3 rotated div with angularjs
Thats my fiddle:
http://jsfiddle.net/7kLde/48/
The rotation of the div is rather a flip... not a smooth rotation.
I use the latest version of
angularjs 1.2 rc3.
Considering the new animate ...
0
votes
1answer
107 views
AngularJS animation initially does not work, but after first click all is good
I have 2 forms, after loading the page, the 1st is shown and the other is hidden. When I first click Add-button, my animation that reveals the 2nd form does not work. But after the first click, I can ...
0
votes
0answers
51 views
Paginated slides in Angular
I have an array of items which I want to filter on different kinds of filters. Because I have more than 2000 items I want to paginate between pages so I've created a startFrom directive and used ...
0
votes
1answer
114 views
ngAnimate on ngShow in ngRouted templateURL. Preventing animation when it starts first time
I am using ng-show #animation.
index.html: -
<body>
<div ng-view></div>
</body>
templateURL contains:-
<button ng-init='shw=false', ng-click='shw=!shw;', ...
0
votes
2answers
560 views
Error when injecting angular-animate.js
I am receiving the following error when injecting angular-animate.js:
Unknown provider: $animateProvider from ngAnimate
Here is my app.js:
var MyApp = angular.module("MyApp", ["ui.bootstrap", ...
1
vote
0answers
63 views
Change the width of an element using angular $animator
I have a container that changes its width via Javascript. So, I'd like to animate it, using $animator.
How could I do something like:
var width = 200;
$animator.start(function(element) {
...
2
votes
0answers
77 views
How to prevent animation from running on element that is initially hidden?
My question is similar to this one and this one, but involves the new animations in AngularJS 1.2.0.
Basically, I have a bunch of elements on my signup page that are initially hidden and only ...
1
vote
1answer
78 views
ng-click inside ng-repaat with animations,but event do not fire,why?
Here is the code in jsFiddler
As you can see the code,when you click the add button ,I push a new item to the $scope.p,and every item in the ng-repeat has a event-binding,all the things works ...
4
votes
1answer
519 views
AngularJS : Directive : Animate sliding pages and postpone controller binding
I'm trying to figure out how to postpone the default controller binding and only apply it from within the directive, once the specific animation (custom - not the angularjs one) has been performed on ...
0
votes
0answers
401 views
AngularJS Animations
Could somebody please explain to me what I'm doing wrong? I'm trying to do angularjs animations (a fade on a div that can be toggled hidden or not). I can't get it to work, and according to this ...
1
vote
1answer
175 views
Different transitions with AngularJS
How can I enable different transitions with AngularJS. Lets Say, I have a sidebar in my web application. I the user clicks a button X, the sidebar should disappear very fast, if the user clicks ...
1
vote
1answer
563 views
Prevent angularjs animation from running on element that is initially hidden when loaded
http://codepen.io/cflynn07/pen/hbgxf
^ Example
I have an angularjs animation, and I don't want it to run on page load for an element that is supposed to be hidden.
Right now, the element is shown, ...
1
vote
0answers
93 views
Block animations during loading phase (AngularJS)
Based on a previous question I decided to upgrade to Angular 1.1.4 and try out of the animation system. I am having trouble doing something I did before. When a user clicks on an element it is added ...
