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}}
HTML5 Field Validation in Angular
HTML 5 Validation Attributes required pattern minlength maxlength min max Step 1: user-settings-form.component.html file Step 2: user-settings-form.component.html file Step 3: user-settings-form.component.html file Step 4: user-settings-form.component.html file
HTTP access using HttpClient in Angular
Step 1: app.module.ts file Step 2: data.service.ts file
Retrieving data for Select elements
Step 1: user-settings-form.component.ts file Step 2: data.service.ts file Step 3: user-settings-form.component.html file
Creating a Service in Angular
Step 1: create a data-service.ts file in data folder Note: ng command – ng g s data import user-settings file Step 2: in user-settings-form.component.ts file import bellow those two files Step 3: in user-settings-form.component.html file {{userSettings | json}}
Creating a Data Model in Angular
Step 1: create user-settings.ts file in data folder then write bellow code Step 2: define user-settings-form.component file but before import user-settings file Step 3: using in html file for two way binding (user-settings-form.component.html) {{userSettings | json}}