Anil Singh | Code-sample.com

The checkboxes allow you to select multiple options from a set.   The below example is used to select the multiple Angular versions as per your requirement. The example for  Check-box controls  as following – checkbox.ts - import { Component } from '@angular/core' ; @ Component ({   selector : 'checkbox' ,   templateUrl : 'checkbox.html' }) export class Checkbox { //Todo - checkbox } And checkbox.html – < mat-card >   < mat-card-content >     < h2 > Choose Your Angular Version </ h2 >     < section >       < mat-checkbox   [( ngModel )] = "Angular2" > Angular 2 </ mat-checkbox >       < mat-checkbox   [( ngModel )] = "Angular4" > Angular 4 </ mat-checkbox >       < mat-checkbox   [( ngModel )] = "Angular5" > Angular 5 </ mat-che...

Angular 5 Material Tutorials Install and Use Angular 5 Material Form Controls - Datepicker Date Validation - Disabling parts of the Datepicker Min and Max Date Validation Form Controls - Check-Box Form Controls - Radio-Button Datepicker with Min and Max Date Validation Autocomplete Options Angular Tabs - Separate Views Progress Bar - Horizontal progress-bar Button Toggle - On/Off Toggles Data Table - Mat-Table Angular 2 vs Angular 4 vs Angular 5 vs Angular 6 Angular 2 vs. Angular 1 Angular 4 vs. Angular 2 Angular 5 vs. Angular 4 Angular 6 vs Angular 5

Install CLI - npm install - g @ angular / cli And it looks like – D :\ Angular \ AngularMaterial > npm install - g @ angular / cli [             ......] \ remove :@ ngtools / webpack : sill remove C :\ Users \ Viaindia \ AppData \ Roaming \ npm \ node_modules \@ angular \[             ......] - finalize : y18n : sill finalize C :\ UsC :\ Users \ Viaindia \ AppData \ Roaming \ npm \ ng -> C :\ Users \ Viaindia \ AppData \ Roaming \ npm \ node_modules \@ angular \ cli \ bin \ ng npm WARN optional SKIPPING OPTIONAL DEPENDENCY : fsevents @ 1.1 . 3 ( node_modules \@ angular \ cli \ node_modules \ fsevents ): npm WARN notsup SKIPPING OPTIONAL DEPENDENCY : Unsupported platform for fsevents @ 1.1 . 3 : wanted { "os" : "darwin" , "arch" : "any" } ( current : { "os" : "win32" , "arch" : "x64" }) + @angular/cli@1.7.3 added 60 packages, r...