For a multi-row input capture, we can either use a add new row button or automatically add new row as the user enters some text on the current row. the later is preferred as it saves user from extra clicks and makes the UI clean.

We can create slanted divs using CSS only. Here we are creating different types of slanted divs, slanting from different sides of the div.

When iterating over array items in an ‘ng-repeat’, we often want to filter out some items. Here is an angular filter to do the same.

Styling the default HTML dropdown is difficult. So, we create a custom HTML dropdown using button and list. While implementing custom dropdown menu, we need keyboard navigation support as well. Here is how to implement the same.

When a route change happens, it might so happen that the new template being loaded takes time to show up final template. So, while the template processing is happening, we can show a loading spinner to avoid blank screen or screen stalls while transitioning from one route to another.

Adding an attribute based on certain condition in angular can be done as follows in angular:

A full screen dialog can be created in case you want to show a message to the user or capture some sort of input hiding other details on the page.

You can map your own domain name(say, inputbox.com) to the subdomain(inputbox-mockup.herokuapp.com) for your project running on heroku cloud.

Angular Expression

Angular expression show up until angular has evaluated the template bindings.