Install Angular 9 If you want to work with Angular 9, first you need to setup Angular 9 CLI using the below command: npm install -g @angular/cli@^9.0.0 After executing this command, you can check the version using the below command: ng version Angular 9 Updates Lets understand Angular 9 updates in brief. Ivy compiler Ivy […]

The term user input in Angular refers to the data or information that users provide to an Angular application through various means such as typing, clicking, or speaking. It helps users to interact with and control the application. Furthermore, it is necessary for a user-friendly and dynamic experience. In Angular, you can make use of the DOM […]

Angular application goes through an entire set of processes or has a lifecycle right from its initiation to the end of the application. The following diagram shows the entire processes in the lifecycle of the Angular 2 application. Following is a description of each lifecycle hook. Following is an example of implementing one lifecycle hook. […]

In this chapter will discuss the following topics − Testing Angular Project During the project setup, the required packages for testing are already installed. There is a .spec.ts file created for every new component, service, directive, etc. We are going to use jasmine to write our test cases. For any changes added to your component, services, directives […]

Errors are the unexpected issue or problem that occurs during the execution of a program. Incorrect syntax, invalid input, system failures or bug in API logic could be the possible reasons for these errors. These errors may affect the user experience in negative way, hence, it is necessary to handle them at compile time. Error handling is […]

In this tutorial, we will learn complete step-by-step working of an angular application. This chapter is part of the Angular Tutorial. We recommend you go through all the previous chapters before moving ahead in this chapter. We have covered all angular concepts from beginner to advanced. Let us create an Angular application to check our day-to-day […]

Decorators are special functions used to add metadata, modify behavior, or add some additional functionalities to classes, methods, properties, or parameters in programming languages like TypeScript or JavaScript. In Angular, each decorator has a base configuration with some default values and you can change or update it according to the project’s need. It is defined using the @ symbol followed by a […]

Displaying Data in Angular Displaying data in Angular involves accessing the properties of a component class and rendering their values in the template. Angular provides various ways to display these data values (including variables, objects, arrays, etc.) in the template (HTML) using features such as interpolation, property binding, and structural directives. Let’s discuss a few different ways to display […]

Angular Configuration The Angular configuration is a set of instructions that defines how the Angular application is built and developed. It includes various information about the Angular application such as project files, tools, environments, and some other dependencies. Important Configuration files in Angular Here is a list of important configuration files that are automatically created when an Angular application is […]

Angular allows you to work with any third party controls. Once you decide on the control to implement, you need to perform the following steps − Step 1 − Install the component using the npm command. For example, we will install the ng2-pagination third party control via the following command. npm install ng2-pagination –save Once done, […]