Ember do action on arrray push

Question

Every time you click update, item gets inserted. I would like to blink item red for one second after insertion, like on stackoverflow when linking to answer, it blinks orange for a second https://stackoverflow.com/a/22645880/1175593

How do I do that ?

Only CSS doesn't work, because I want the effect only on newly added items, and not on initial load

score 0 · Accepted Answer · edited May 23 '17 at 12:11

0

I don't know CSS, but this, Using CSS for fade-in effect on page load, seems to be just fine...

http://jsbin.com/qoyudape/6/edit

note, the render stuff I did isn't necessary, you could have just as easily done it without it...

http://jsbin.com/qoyudape/8/edit

or when the item is inserted into the page, you can do time sensitive animation

App.BlinkingFooView = Em.View.extend({
  didInsertElement: function(){
     if(this.get('controller.b') % 2 === 0){
       this.$().addClass('mod')
     } 
  }
});

http://jsbin.com/qoyudape/11/edit

edited May 23 '17 at 12:11

Community

1
1

answered Mar 25 '14 at 21:15

Kingpin2k

47,277
10
78
96

And what if I wanted to apply an effect not available in CSS, is it possible with ember ? – Tomas Mar 26 '14 at 07:12
Because I need to apply the effect just in certain cases, and not all the time. – Tomas Mar 26 '14 at 07:28
There are a few places you could do this, here's a very common one. – Kingpin2k Mar 26 '14 at 13:49

Ember do action on arrray push

1 Answers1