Events are handled in Angular using the following special syntax. Bind the target event name within parentheses on the left of an equal sign, and event handler method or statement on the right.Example: Binding Button Click Event Copy Above, (click) binds the button click event and onShow() statement calls the onShow() method of a component.Example: Handle Button Click Event in Component Copy Alternatively, …
Author : Reetesh Gupta
322 posts
In the previous chapter, you have created an HTML template for the component. Here, you will learn HTML template in detail. HTML template is nothing but a regular HTML code with additional Angular specific syntax to communicate with the component class. HTML Template = HTML + Angular Bindings and Directives. Angular API interprets an HTML …
Here, you will learn about the Angular component and how to create a custom component using Angular CLI. Angular is a SPA framework, and a view is made of one or more component. An Angular component represents a portion of a view. Generally, an interactive web page is made of HTML, CSS, and JavaScript. Angular …
Here you will learn to create an Angular 2 (valid in the Angular 11 too) application using Angular CLI. Angular CLI helps us to set up a workspace and an initial application quickly, which includes necessary NPM libraries and other dependencies for the application. To create an initial application, navigate to the folder where you …
Here you will learn how to install the latest version of Angular 2. Before installing Angular, you need to install some prerequisites. Angular uses NPM (Node Package Manager) to install libraries, packages and also to execute scripts. So, you need to install NPM before installing Angular. Angular requires a current, active LTS or maintenance LTS …
This Introduction to Angular Tutorial gives you a glimpse of Angular. Angular is a UI framework for building mobile and desktop web applications. It is built using Javascript. Using Angular you can build amazing client-side applications using HTML, CSS, and Typescript. It is very important to know how the Angular framework works before you start …
The early version of the Angular was named as Angular 2. Then later it was renamed to just Angular. Then Angular Team releases new versions of the Angular versions Regularly and the last stable version that is available in Angular 10.0.12 The Angular 9 is released on 06.02.2020. The Angular 9 is a major release. This …
Angular is a development platform, built on TypeScript. As a platform, Angular includes: A component-based framework for building scalable web applications A collection of well-integrated libraries that cover a wide variety of features, including routing, forms management, client-server communication, and more A suite of developer tools to help you develop, build, test, and update your code …
For some reason, we’re still seeing plenty of PNGs (raster graphics file format) on the web, even on spanking new websites built in 2016! Things like logos and icons seem to be the main culprits. I suppose the question is why? Why do we still use them? Unless you’re using them as a fallback on ancient …
Visual content is the “secret weapon” when you’re trying to communicate with your audience online, whether you’re building a gorgeous website, educating with an infographic, or using video to sell your products and services on the web. The problem? Choosing the right image file format can feel like war. The ideal image file formats depend …