114 questions
0
votes
1
answer
64
views
AngularJS - Textbox class names are appended with -add when populate with handheld devices
I am using angular 1.5. I see the class names of textbox is getting changed to ng-not-empty-add, .ng-dirty-add, .ng-valid-parse-add and .ng-valid-add when the text box is populated with handheld ...
- 421
0
votes
1
answer
121
views
Angular 2 Is there a way to get access to the component logic or element style value inside animation metadata
Basically what i need to know is is there a way to calculate the height of the component that is dynamically created from the recursive tree.
So obviously i cannot use tree inside my metadata ...
-1
votes
1
answer
102
views
ng-repeat end & start sliding animation
I created this toggle menu template but i have problem implementing this sliding-animation. Can anyone help me?
- 9,514
2
votes
0
answers
233
views
Calling a jqLite function inside a AngularJS directive
I need to call the jqLite slideToggle function inside a AngularJS directive to animate the collapsing of each content-box.
I want to slideDown/slideUp the following div..
<div class="ibox-content"...
- 3,042
0
votes
1
answer
117
views
Angular Animations with ng-repeat, always fire off ng-enter on array change
I have an array list I'm filtering with a text field and ng-repeat. The animations I'm using for ng-enter are very simple (a fade in), however when I press backspace on my search query ONLY the filter ...
- 355
2
votes
1
answer
453
views
CSS animation appears on top while animation is running
I have a css animation that make an error message box appear above a form when the user presses the validation button (and the input field is invalid).
The issue I have is while the animation is ...
- 429
7
votes
3
answers
3k
views
Render leaflet map after flexbox calculates height
I am trying to draw a map in a flex child that takes up remaining space.
I have a couple headers on top of the main content, and one of the banners is sometimes hidden/removed, so I am using flexbox ...
- 24.8k
1
vote
1
answer
614
views
Can't use CSS ID selector for angular animate transition
My checkbox input toggles my myDiv using ng-show. I would like this to look fancy. Thus, I'm using a transition effect, using angular-animate.js.
<script src="http://ajax.googleapis.com/ajax/libs/...
- 11.1k
0
votes
0
answers
91
views
Angular JS left Panel slider with animation for mobile app (Cordova)
Please help me to get left panel slider for mobile app using angular js. i want my mobile app to be light weight.
Excluding cases not using any bootstrap,ui bootstrap,ionic,no native features
- 736
0
votes
1
answer
107
views
Angular Filter and NgAnimate conflict
I am using angular-filter and angular-animate together, because I need do a group by in ngRepeat, but when I try to run, I am getting a error:
Uncaught Error: [$injector:modulerr] http://errors....
- 317
1
vote
2
answers
1k
views
angularjs user feedback message on form submission
I have a simple AngularJs app (a form) and after user submit some data, I need to show a confirmation message. I need to show the message on a popup like on this page http://ng-admin.marmelab.com/#/...
- 41
1
vote
2
answers
1k
views
How to disable animations for changes in dataset for ng-repeat in Angular Material?
I'm using Angular Material 1.0.1 library, but I don't want DOM elements' removal to be delayed when using ng-repeat. When the dataset changes, elements stick around for a little bit more and it looks ...
- 1,315
1
vote
1
answer
1k
views
AngularJS animate element disappearing
in the example below you can see that when item is added to the list it is doing the fade animation and then disappearing, I want it to have bootstrap style after animation, It is probably conflicting ...
- 689
0
votes
0
answers
48
views
AngularJS synchronise 2 animations on one element
I want to update the data shown by a Directive using an animation:
slide old information off downwards;
while offscreen, change the data to be shown (I also presumably need to change the translateY ...
- 21.2k
2
votes
1
answer
302
views
AngularJS: Why are the animation classes not appended during ng-hide/show transition
I'm trying to do some animation work, but for some reason the appropriate classes aren't appended during a ng-show / ng-hide transition. I've attached this animation showing that they aren't being ...
- 744
1
vote
3
answers
416
views
Nested list is cut off by parent list element after slide animation
I'm building an Ionic app with nested lists of comments. I need to animate replies as child elements and retain state. Currently I'm using a simple directive with jQuery slideToggle, but this doesn't ...
- 61.4k
0
votes
1
answer
384
views
ng-leave-active on absolute positioned list of divs
When I remove element from the list of absolute positioned divs, the ngAnimate animation for that actions is not performed as expected. Below is an example
HTML
<div ng-app="myApp">
<...
- 6,915
0
votes
1
answer
287
views
my ngAnimate doesn't work?
i want to use ngAnimate but somehow it doesn't work and i don't know why.
i have added everything to my page and have injected them in my app but still i am getting nothing.
here is my index and my ...
- 1,523
1
vote
1
answer
3k
views
angularui tabs setting active tab and its css
I am currently having issues styling an angular directive of tabs. I am trying to set an active tab and deselect all other tabs. However, I am not having any luck. I have tried using css hosted by ...
- 1,965
0
votes
0
answers
98
views
how to do shop items into basket Notification animation looks like the below images
I am stuck in the animation for my an ionic application looks like on the below image. I didn't find the similar type of animation after a lot of searching, So please can anyone help me into this?
...
- 81
2
votes
1
answer
4k
views
How to make Angular ng-switch animate(enter/leave) in more than one way?
I write an angular directive called 'cardViewer', which can show images inside it with animation.
When you press "prev" button, image slides left. When you press "next" button, image slides right.
I ...
- 79
0
votes
1
answer
505
views
Adding slide in and out animations with angular animation (ng-show)
So I have two sets of 4 buttons. Only 1 set of buttons is made visible by ng-show expression at a time. I am having difficulty working with angular animation css to create a slide in on ng-show-add ...
- 9,885
2
votes
0
answers
327
views
AngularJS Animation Breaking `position: fixed` Element in Chrome
Working in Chrome, I found the AngularJS animations appear to break elements that have position: fixed applied to them. I can not reproduce the issue in Safari or Firefox.
I'm unsure if I'm doing ...
- 10.6k
0
votes
1
answer
865
views
.ng-enter not working in Angular 1.3.14?
I cannot seem to get ng-enter animations to work. I have a repeated div presenting so-called "feature boxes," which are small headline boxes. I have read through numerous tutorials and cannot figure ...
- 71
0
votes
1
answer
469
views
Angular.js page transition & $animate.addClass
I would like to add a specific class to my wrapper when my route change so I can control what CSS animation will be triggered.
I try to do it like that :
http://plnkr.co/edit/KRwBFb6bCTkit9eKg8yb?p=...
- 37
5
votes
3
answers
1k
views
Animated sliding div bounces instead of appear/disappear smoothly
I have a navigation bar and a sub-navigation bar in my app. In the sub bar it's possible to press on a button and I want this button to open a new sub bar which will hide the original bar.
The new ...
- 21.9k
3
votes
3
answers
3k
views
How to trigger an angularjs animation from a controller method?
I would like to trigger an angular animation from a controller method.
I have come up with something that I am not satisfied with (see code below).
The issue is that for my animation to work, I ...
- 24.9k
3
votes
3
answers
3k
views
Live search in AngularJS: updating the results
I want a live search: the results are queried from web api and updated as the user types.
The problem is that the list flickers and the "No results" text appears for a fraction of second, even if the ...
- 4,124
0
votes
0
answers
124
views
Issue with angular animation and undefined javascript values
I am trying to get an angular animation to be triggered upon an unsuccessful login (either when the server sends a 4xx (e.g. 403) or when no credentials are provided).
Here is the controller:
....
- 24.9k
1
vote
2
answers
143
views
Accessing and updating controller model within $animate .then() method - using 'this'
I have a controller (below). I am wanting to update parts of newsCtrl from within the $animate's .then() method. But I am unable to access its variables.
As you can see from the code, my issue is ...
- 543
0
votes
2
answers
561
views
angular animate function expected error in ie9
I am using angular-animate.js in angularjs ui grid plugin. But in ie9 I am getting error "Function expected" in function fireDoneCallbackAsync(). Please see the attached screenshot. How can I handle ...
- 1,875
2
votes
2
answers
3k
views
using ng-switch and ng-repeat for a slider
I can't make this kind of slider work, taking data from the controller.
This example works fine:
<div class="panel panel-default" ng-controller="SliderCtrl">
<div class="panel-body" ng-...
- 3,393
0
votes
0
answers
716
views
Toggle 2 divs with animation
I have two <div>'s that users toggle between them with a checkbox. if the checkbox is checked, the first <div> is open. if the checkbox is unchecked, the second <div> should be shown....
- 16.1k
2
votes
2
answers
3k
views
Dynamic ng-hide?
I'm trying to hide div based on input. Its a list with a id so currently my div looks like:
<div class="animate-show" ng-hide="'hide'-{{item.Id}}">
this outputs: 'hide'-1 in the ng-hide. I've ...
- 13.6k
2
votes
1
answer
2k
views
Angular - animate ng-show
I've this simple HTML markup using Angular and Bootstrap:
Toggle panel: <input type="checkbox" ng-model="toggle"><br/>
<br/>
<div class="container">
<section id="...
- 15k
0
votes
1
answer
595
views
Angular JS 1.3 - Animating Ng-Repeat and Ng-Show Elements
I have a list of ng-repeat items. Only one of the items are shown at any one time and the rest are hidden using ng-show.
<div ng-app="myApp" ng-controller="myController">
<div class="...
- 36.9k
0
votes
1
answer
125
views
Angularjs animation not working and I hit a deadend
This is my code for you to have a look at if possible. Nothing official there, I just set this code aside to be used later.
<script>
var apps = angular.module('myApp', ['ngAnimate']);
...
- 53
2
votes
1
answer
759
views
Different animation when history.back() ist used
I've created a website based on AngularJS. Every page has it's own template and controller and is included via ng-view in the main layout.
But I have a problem with animations between different pages....
- 2,057
5
votes
1
answer
25k
views
Angular fadein and fadeout - the standard way without CSS?
I find it extremely difficult to make an animation in angular, comparing to jquery. There are so many versions of angular animation fadein and fadeout that I found them from blogs/ tutorials/ etc, ...
- 57.7k
3
votes
0
answers
93
views
Angular js ui router animated transitions [closed]
Is there a standard way to do animations in angular ui router transitions? I'm looking for sliding animations when UI-view changes.
- 55.4k
0
votes
1
answer
176
views
angularjs directive to show list of items - want to animate the removal of an item via a button click on that row
I have a directive that gets a list of items from the server.
(function () {
'use strict';
angular.module('app').directive('myActionItems', ['ActionService', function (ActionService) {
...
- 15.2k
0
votes
1
answer
262
views
Animate (easeOutCirc) a DOM Element using AngularJS
How can I write this piece of the code in AnguarJs ?
Particularly the animation part (easeOutCirc) used in this example:
$(document).ready(function () {
function addCircle() {
var $...
- 33
0
votes
1
answer
449
views
$animate.cancel does not have the expected behavior
I m trying to use the cancel feature of angularJS's $animate : https://docs.angularjs.org/api/ngAnimate/service/$animate with the latest stable version: 1.3.2
But either I have failed to understand ...
- 3,252
1
vote
1
answer
101
views
AngularJS: How to conditionally apply view animations?
My question could be a little strength since I haven't found any other case like that.
I want to perform views animations, but not always. So far, I had the animation in the .css format:
.view.ng-...
- 1,094
2
votes
1
answer
164
views
ngAnimate throwing an error at line 992
I'm currently trying to figure out who broke my script, me or angular-animate.js. I'm pretty sure it's me, but hey, miracles could happen and I can be innocent this time.
This is my HTML code:
<...
- 107
1
vote
0
answers
129
views
AngularJS animation in directive not running on page load
I have a directive that triggers an animation that moves a div 200px higher when moving away from the the / location. This works well as long as the / location is our starting point, but when starting ...
- 63
0
votes
2
answers
2k
views
AngularJS animations with ng-class when swapping between two classes
Using AngularJS and ng-class, I'm trying to animate when classes change between three possible states. I have a div that can be in three states, represented by classes on the div. The states are ...
- 506
0
votes
1
answer
4k
views
Animating ng-show on a table row
I'm trying to slide up/down a table row when toggling ng-show. I'm using AngularJS v1.3.0-rc.5 and have included ngAnimation module in my app but it always toggles, doesn't animate. Am I doing ...
- 9,009
5
votes
2
answers
10k
views
Animation sequence using AngularJS addClass/removeClass
I'm trying to make an animation sequence by combining calls to addClass/removeClass.
After end of the animation method "removeClass" is called to remove the animation and start a new one. But for ...
- 53
2
votes
2
answers
957
views
$animate callback promise not work in angularjs
Reference to $animate api, $animation supported callback promise since angular1.3.
But my code not worked
angular.module('app', [ngAnimate])
.factory('test', ['$animate', '$q', function($animate, $...
- 1,837