How to dynamically set the header title as the current component path name in Angular — Step 1: Create an angular project with routing. ng new header-title - — routing Step 2: Create components. Here I’m creating bare minimum component files with inline styles and templates. ng g c components/home — skip-tests --inline-style - — inline-template --flat ng g c components/dashboard — skip-tests --inline-style - — inline-template --flat

Copy/Paste text into Clipboard can be done using Navigator. A Navigator is an interface in JavaScript that gives the information about the user agent(here browser), helps to manage browser permissions, and comes with some really useful utility functions to know the state and identity of the user agent. Navigator object…

Using a JavaScript library inside an Angular project is not as straightforward as using it in Angular JS or a plain JavaScript project. In a plain JavaScript project, you can include the library in the scripttag of your index.html and then the library is available to use. But in an…

A simple example of a cross-platform app using Cordova and Angular What is Cordova and why use it? Cordova is a cross-platform tool used to develop a Hybrid App. Hybrid apps using Cordova are web apps written using HTML, CSS, and any JavaScript framework/library. Cordova is responsible for converting the web app into a native app by…

Rules and Exceptions of Automatic Semicolon Insertion in JavaScript — In many programming languages, using a semicolon for terminating a statement is a must, however, in JavaScript, it is optional. You can omit the semicolon if the statements are written in separate lines. In this case, JavaScript adds the semicolon implicitly. …

Some lesser-used methods on input box validations using plain JavaScript — We all have used input fields, handled validations, displayed error messages. With the frameworks like Angular that have advanced ways to create Forms and handle validations, the good old plain JavaScript does have some interesting features to ease our development. In this article, I’ll discuss what is validity state, how…

Tutorial on conditional display of elements based on radio button/checkbox selection — While developing any web application, we have come across the need to hide or show elements based on conditions. In this tutorial, we’ll see how to toggle elements based on radio button and checkbox selections. I’ll be using a jQuery here. Using Radio Buttons Lets create a simple HTML with radio buttons and…

Firebase provides easy and flexible APIs for Authentication. Inside your app, the user can sign up using a variety of methods. The popular ones being Google, Facebook, Twitter, E-Mail. Pre-requisite: You need a firebase account to begin. Once you have your account created, create a sample project. Go to the…

How many times have we found ourselves disappointed when a particular wish doesn't come true? We find ourselves lost and cursing destiny. But more often than not, what happens to us is for our best. …