Practical solutions

Angular Howtos How-To Guides

Solve the problem. Keep building. Collection of Angular how-to articles

Find the answer you need

Browse practical solutions, grouped by the task you're working on.

__COUNT__ entries on this page

Angular UploadHow to Upload Image in AngularThis tutorial demonstrates how you can upload image in Angular. Angular ClassHow to Add Class in AngularThis tutorial demonstrates how to add class in Angular. Angular PageHow to Reload Page in AngularJSWe can reload the page in AngularJS with the help of windows.location.reload and reload method. Angular ServiceHow to Redirect to Another Page Using AngularJSThis tutorial demonstrates how to redirect to another page using AngularJS. We'll achieve this by redirecting to a new URL with the $location service. Angular ArrayHow to Push an Object Into an Array in AngularIn 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. Angular ElementHow to Add Class to an Element in AngularThis 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 with the NgClass directive. Angular FormHow to Reset Form Using AngularJS setPristineIn this tutorial, we will learn how to return a form that has been modified back to a clean/empty state in AngularJS. Angular FunctionHow to Use the $setValidity Function in AngularThe 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. Angular FunctionHow to Use the $Eval Function in AngularThe Angular $eval service is a wrapper around the Angular compiler. It provides a clean interface for evaluating expressions that are passed to it. Angular InputHow to Use @Input() in AngularThis article is all about Angular @Input(), a function used in Angular to take input from the user. Angular ModuleHow to Implement Lazy Loading in AngularAngular 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 requests. Angular LayoutHow to Implement Flex Layout in AngularAngular 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 screens. Angular JSONHow to Convert XML to JSON in AngularIf 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 Angular BundleHow to Bundle an Angular App for ProductionIn this tutorial, we will be learning the best ways to bundle an Angular app for production optimally. Angular ControllerHow to Share Data Between Controllers in AngularJSThere 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 or service. Angular ControllerHow to Create Multiple Controllers in One Page in AngularJSTo create multiple controllers, use ng-controller directives. The ng-controller directive establishes a connection between the scope and the controller. Angular ClassHow to Add Conditional Classes With ngClass in AngularThis tutorial demonstrates how to add conditional classes or use an if-else condition with ngClass in Angular. Angular DirectiveHow to Restrict Custom Directives in AngularJSThe 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 directives in AngularJS.. Angular NavbarHow to Create a Navbar in AngularThis tutorial demonstrates how to create a navbar in Angular. Angular RESTHow to Use AngularJS $resourceThis article is about $resource service in AngularJS. Angular Radio ButtonHow to Bind Ng-Model to a List of Radio Buttons in AngularThis tutorial aims to walk you through the process of displaying an item that is selected from a list of options. Angular ApplicationHow A Single-Page Application Works in AngularApplications built on the Angular framework are mostly called SPAs. In this tutorial, we will look at the reasons for this. Angular CLIHow to Use Angular CLI Webpack ConfigurationThe Angular CLI provides commands for creating the project, adding and running tests, generating components, services, pipes, scaffolding modules, features, etc. The CLI also provides a webpack configuration file. Angular LayoutHow to Implement Table Pagination Layout in AngularJSThis article introduces the table pagination layout in AngularJS and walks you through the steps to implement this in your data. Table pagination is a common and essential feature in AngularJS, a necessary part of any application that displays a list of data, like an inventory or product catalog.