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
Month: December 2019
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
CSS classes for Validation in Angular
Validation classes in Angular ng-untouched ng-touched ng-pristine -ng-dirty ng-valid ng-invalid {{classTest.className}}