Tag: Angular
-
How to create Custom Validator for Angular Reactive Forms
Learn full article on the Infragistics blog In this blog post, we will learn to create custom validators in Angular Reactive Forms. If you are new to reactive forms, learn how to create your first Angular reactive form here. Let’s say we have a login form as shown in the listing below. Currently, the form…
-
Hosted 11th free Angular session
On 13 January 2018, geek97 hosted 11th free session on Angular in Gurgaon. You can find detail of meetup here Around 35 senior Angular Developers attended the meetup and Dhananjay Kumar delivered the sessions. There were two sessions: Component Communications @Input @Output EventEmitter Temp Ref variable Reactive Forms FormControl FormGroup Validation Custom Validation You can…
-
Understanding @Output and EventEmitter in Angular
Read full article on the Infragistics blog Angular is based on a one-directional data flow and does not have two-way data binding. So, how do you get a component to emit an event to another component? In Angular, a component can emit an event using @Output and EventEmitter. Both are parts of the @angular/core.…
-
What are @HostBinding() and @HostListener() in Angular?
Read full article on the Infragistics blog To understand @HostListener and @HostBinding, you should have basic knowledge about directives in Angular. There are three types of directives in Angular: Component Attribute Directive Structural Directive The basic difference between a component and a directive is that a component has a template, whereas an attribute or structural…
-
How to Create Your First Angular Reactive Form
Read full article on the Infragistics blog Out of the box, Angular provides us with two types of forms: Template Driven Forms Reactive Forms In Template Driven Forms, you create controls on the component template and bind data using ngModel. With these, you do not create controls, form objects, or write code to work with…
-
geek97 hosted Angular workshop for girls students
I am very pleased to share that on 16 November 2017, geek97 hosted a free workshop on Angular for Girls Students of Indira Gandhi Delhi technical University for Women, Delhi. The workshop was attended by around 40 energetic and super talented girls from Computer Science Engineering and MCA department. Every student were writing codes and…
-
Simplifying Content Projection in Angular
In Angular, content projection is used to project content in a component. Let’s take a closer look at how it works: Content projection allows you to insert a shadow DOM in your component. To put it simply, if you want to insert HTML elements or other components in a component, then you do that using…
-
Join free webinar on “Step by Step Getting Started with Angular 4”
On behalf of Infragistics , I am hosting a free webinar on “Step by Step Getting Started with Angular 4”. To attend register here . I invite you to attend this webinar on 20 July 2017 Thursday at 11 AM. This is an opportunity for you to learn Angular 4 application development from comfort of…
-
From where I learnt advanced Angular?
Recently, I had a requirement to deliver training and consulting on advanced Angular topics to a client. Even though, I am very comfortable with Angular, I was a bit worried about so-called these “ADVANCED TOPICS”. I browsed through many blogs, tutorials, video courses etc. However, I was not felling satisfied and there was a nervousness…
-
How to upgrade to latest Angular CLI
To check which version of Angular CLI is installed on your machine, run the command ng –version as shown in the image below: As you see that on my development machine, Angular cli version 1.0.0 is installed. At the time of writing of this post, latest version of Angular CLI was 1.1.3. To upgrade to…