APIFUN

                                                   Angular Material Icons  Setting Up Material Library Step1: go to terminal in VSCode npm install --save @angular/material Step2: Add this in index.html after line 8 < link href = "node_modules/@angular/material/core/theming /prebuilt/indigo-pink.css" rel = "stylesheet" > Step 3:  Add the below line in systemjs.config.js '@angular/material' : 'npm:@angular/material/bundles/material.umd.js'  and check if it correctly referenced

import { Component } from '@angular/core' ; @ Component ( { selector: 'messages' , // template:"this is a message Component {{messages.length}}" // template:"this is a message Component {{messages[0].text}}" template: `this is a message Component <div *ngFor="let message of messages"> {{message.text}} by :{{message.owner}} </div> ` } ) export class MessagesComponent { messages =[{ text: 'Some text' , owner: 'Karthik' },{ text: 'Other text' , owner: 'Gorijavolu' }]; }

Step1 : create a directory AngularApp Step 2: cd AngularApp step 3: git clone https://github.com/angular/quickstart.git frontend    THIS will clone angular to Frontend folder step 4: open Frontend folder through VSCode setp 5: view --Integrated Terminal -- npm install npm start You will see hello angular step 6: File Preferences--settings add { "files.autoSave": "afterDelay", "files.exclude": { "**/*.js.map": true, "**/*js":{"when":"$(basename).ts"} } } step 7: Add a Component Add the dependecies of the component in appmodule (imports and also in declarations) also import the message component in appcomponent and use the selector of the messagecomponent in appcomponent like below AppModule import { MessagesComponent } from './messages-component' ; import { NgModule } from '@angular/core' ; import { BrowserModule } from '@angular/platform-br...