My WordPress Blog
My WordPress Blog
Property Binding is also a one-way data binding technique. In property binding, we bind a property of a DOM element to a field which is a defined property in our component TypeScript code. Actually Angular internally converts string interpolation into property binding. For example: Property binding is preferred over string interpolation because it has shorter and cleaner […]
Data binding is the core concept of Angular 8 and used to define the communication between a component and the DOM. It is a technique to link your data to your view layer. In simple words, you can say that data binding is a communication between your typescript code of your component and your template […]
In Angular 8, ngSwitch is a structural directive which is used to Add/Remove DOM Element. It is similar to switch statement of C#. The ngSwitch directive is applied to the container element with a switch expression. Syntax of ngSwitch ngSwitchCase In Angular ngSwitchCase directive, the inner elements are placed inside the container element. The ngSwitchCase […]
The *ngFor directive is used to repeat a portion of HTML template once per each item from an iterable list (Collection). The ngFor is an Angular structural directive and is similar to ngRepeat in AngularJS. Some local variables like Index, First, Last, odd and even are exported by *ngFor directive. Syntax of ngFor See the […]
The ngIf Directives is used to add or remove HTML Elements according to the expression. The expression must return a Boolean value. If the expression is false then the element is removed, otherwise element is inserted. It is similar to the ng-if directive of AngularJS. ngIf Syntax The *ngIf directive form with an “else” block […]
The Angular 8 directives are used to manipulate the DOM. By using Angular directives, you can change the appearance, behavior or a layout of a DOM element. It also helps you to extend HTML. Angular 8 directives can be classified in 3 categories based on how they behave: Component Directives: Component directives are used in main […]
Angular 8 is a platform and a framework which is used to build client applications in HTML and TypeScript. Angular 8 is written in TypeScript. It implements core and optional functionality as a set of TypeScript libraries that you can import into your apps. The basic building blocks of an Angular application are NgModules, which […]
When you create an Angular app and run it by usingng serve command, it looks like the following image. It is a simple Angular app created by usingng new app_name command and nothing is edited in the app. The name of the app isangular8firstapp. Now, we will learn how the Angular’s app is loaded and started. […]
Let’s see how to create an Angular 8 application. To create an app Syntax: For example: Here, we are going to create an app named “angular8firstapp” You can see that a folder is created. This is your first created app of Angular 8. Open this folder and you will see the some subfolders. Here, src is the main […]
(How to install Angular 8 or Angular 8 Environment setup) Before to setup environment for Angular development using the Angular CLI tool, you must have installed Node.js on your system and set a development environment and npm package manager. Install Node.js Angular requires Node.js version 10.9.0 or later. You can download it from https://nodejs.org/en/ After downloading, […]