In this post, we will learn how to write unit testing for data-binding in a component. Before diving into the examples, let us try to understand a few basic methods which we use frequently. Note: Before going through the session, I recommend you to understand what, why, and how to…

Unit Testing Unit testing is a technique to test an individual module or a component or a simple function to know whether we are able to achieve all the use cases and scenarios (Positive or negative) required. Unit testing helps us to reduce the bugs/issues in the testing either for newly implemented…

Introduction — In this post we would learn three powerful operators when using http calls in angular with a small http-operators library. Usage and Scenarios without HTTP-Operators Let us first understand previous scenarios and usage without using these operators. When we want to cache the response data completely from the API response into local storage we have…

Arrow functions are the functions which has been introduced in ES2015. Considered as ES6 features. Arrow functions do not use any function keyword, whereas JavaScript functions uses a function keyword for declaring the functions Arrow functions will not differ with the syntax, but also it differs in the context of…

Basic Ionic 4 Application Setup ionic start open-social-media blank The above command creates a project with “open-social-media”. What can we expect from this session ? We will create a set of button with social media icons. When User clicks a particular social media icon (Facebook, Instagram, YouTube and Twitter) it will check whether the respective native app is installed or not. If installed…

What is Vue.JS Vue.JS is a popular JavaScript framework for building user interfaces. The Vue.JS library will mainly focus on building the user interface. Vue.JS does not worry about other features or other places of development like routing, HTTP Requests, but it has a good eco-system where other libraries can be integrated and…

Introduction General JavaScript functions can’t be interrupted in the middle of a function execution, once the function is invoked until function execution completes. (i.e… Either by returning some value from the function or throwing error inside the function). …

Before going to all different ways of using ngIf (Conditional Rendering) in angular, i request you to understand the basic usage of ngIf from this link. To understand all the different ways let us consider a scenario Scenario Comparing two numbers and display which is greater. Use Cases Case 1: Compare two variables…

In angular for hiding and showing a HTML elements we can use a ngIf structural directive. Scenario Let us consider one button and a label with paragraph in HTML. Case 1: By default we should show the paragraph label and a button with “Hide” Label. Case 2 : When User clicks…