Well for a long time I wanted to write a blog post about migrating Angular 1.x to 2, however, before doing so I thought it is really helpful to write about some prerequisites of that.
Have you ever wondered why you angular code works perfectly in you dev environment but not in production?
Mentioning this is trivial as no one seems to notice this while using default JQuery show and hide methods to show or hide an element on a page. As you might have noticed this before when you use
hide(), the element gets a
display:none; style. The problem is when you use
show() to show the element again and here is when you see
display:block; is added to element styles.
If you are using angular-filter already don’t read this.
Recently I was working on a task for creating a responsive UI which involved changing the html select with a button. Then with a click or tap on the button there should be a list shown like a drop down. Well I though ok let’s do that and quickly started using bootstrap dropdown.