Input() Decorator Output() Decorator Getters and Setters ngOnChanges() Template Reference Variables ViewChild() Emitting events Services
Tag: angular
Angular Component Interaction – Binding
Binding is basic form of interaction between the component class and it’s corresponding template Step 1: for new project creation Step 2: For project running follow this command app.module.ts file app.component.ts file app.component.html file
Using Template Variables to Interact with Child Components in Angular
Step1: events-app.component.ts file Step2: events-list.component.ts file Step3: events-thumbnail.component.ts file app.module.ts file (Register events component, event list component and event thumbnail component in angular module ) index.html file
Communicating with Parent Components in Angular
Step1: events-app.component.ts file Step2: events-list.component.ts file Step3: events-thumbnail.component.ts file app.module.ts file (Register events component, event list component and event thumbnail component in angular module ) index.html file
Communicating with Child-Components in Angular
Step1: events-app.component.ts file Step2: events-list.component.ts file Step3: events-thumbnail.component.ts file app.module.ts file (Register events component, event list component and event thumbnail component in angular module ) index.html file
Handling form control Events two way binding in Angular
Step 1: user-settings-form.component.html file Step 2: user-settings-form.component.ts file
Handling form control Events in Angular
Step 1: user-settings-form.component.html file Step 2: user-settings-form.component.ts file
Submitting form with class binding in Angular
Step 1: user-settings-form.component.html file Step 2: user-settings-form.component.ts file Step 3: user-settings-form.component.css file
Styling forms with Validation errors in Angular
Step 1: user-settings-form.component.html file Step 2: user-settings-form.component.css file
Classes and Associated NgModel Properties in Angular
ng-untouched ng-touched ng-pristine ng-dirty ng-valid ng-invalid NgModel Properties untouched touched pristine dirty valid invalid