Angular

How-tos How to Pass Data Between Components in Angular 2 In this article, we will discuss the three ways to pass data between components in Angular 2. ↗ How-tos How to Create a Search Filter in Angular This article discusses how to use the ng2-search-filter package and ngfor loop directive to create a search filter in Angular. ↗ How-tos How to Use Router Navigate in Angular This tutorial demonstrates how to navigate with router in Angular. ↗ How-tos How to Upload Image in Angular This tutorial demonstrates how you can upload image in Angular. ↗ How-tos How to Add Class in Angular This tutorial demonstrates how to add class in Angular. ↗ How-tos How to Reload Page in AngularJS We can reload the page in AngularJS with the help of windows.location.reload and reload method. ↗ How-tos How to Redirect to Another Page Using AngularJS This tutorial demonstrates how to redirect to another page using AngularJS. We'll achieve this by redirecting to a new URL with the $location service. ↗ How-tos How to Push an Object Into an Array in Angular In this article, we will learn how to push an object into an array using AngularJS. We will do this with the help of the push() method. ↗ How-tos How to Add Class to an Element in Angular This article thoroughly covers adding a class to an element in Angular 4. The easiest way to add a class to an element in Angular 4 is by using the HTML attribute selector syntax … ↗ How-tos How to Use the $setValidity Function in Angular The angular $setvalidity() is a function that sets the validity of the given form field. This function can be used both in the constructor and in other controller methods. ↗ How-tos How to Use the $Eval Function in Angular The Angular $eval service is a wrapper around the Angular compiler. It provides a clean interface for evaluating expressions that are passed to it. ↗ How-tos How to Use @Input() in Angular This article is all about Angular @Input(), a function used in Angular to take input from the user. ↗ How-tos How to Implement Lazy Loading in Angular Angular lazy loading helps load only the required resources for a given page. This reduces the initial download size and improves your application's performance by reducing network … ↗ How-tos How to Implement Flex Layout in Angular Angular flex layout is an Angular component that implements a flexbox-based responsive layout system. It allows us to build layouts that respond well on mobile devices and desktop … ↗ How-tos How to Convert XML to JSON in Angular If you want to convert your Angular XML to JSON, there are two ways to do it: using the built-in Angular function or using an external library like Xml2Js ↗ How-tos How to Bundle an Angular App for Production In this tutorial, we will be learning the best ways to bundle an Angular app for production optimally. ↗ How-tos How to Share Data Between Controllers in AngularJS There are many ways to share data between controllers in AngularJS, but we will only discuss two ways here. The first way is to scope variables, and the second is to use a factory … ↗ How-tos How to Create Multiple Controllers in One Page in AngularJS To create multiple controllers, use ng-controller directives. The ng-controller directive establishes a connection between the scope and the controller. ↗ How-tos How to Add Conditional Classes With ngClass in Angular This tutorial demonstrates how to add conditional classes or use an if-else condition with ngClass in Angular. ↗ How-tos How to Restrict Custom Directives in AngularJS The restriction directive restricts access to the DOM element or directive from external HTML code by adding an attribute to it. This article will discuss how to restrict custom … ↗ How-tos How to Create a Navbar in Angular This tutorial demonstrates how to create a navbar in Angular. ↗ How-tos How to Use AngularJS $resource This article is about $resource service in AngularJS. ↗ How-tos How to Bind Ng-Model to a List of Radio Buttons in Angular This tutorial aims to walk you through the process of displaying an item that is selected from a list of options. ↗ How-tos How A Single-Page Application Works in Angular Applications built on the Angular framework are mostly called SPAs. In this tutorial, we will look at the reasons for this. ↗