May 2018
Intermediate to advanced
512 pages
11h 3m
English
Material card is a great container to represent the current weather information. The card element is surrounded by a drop-shadow that delineates the content from its surroundings:
src/app/material.module.tsimport { ..., MatCardModule} from '@angular/material'...@NgModule({ imports: [..., MatCardModule], exports: [..., MatCardModule],})
In app.component, surround <app-current-weather> with <mat-card>:
src/app/app.component.ts <div style="text-align:center"> <mat-toolbar color="primary"> <span>LocalCast Weather</span> </mat-toolbar> <div>Your city, your forecast, right now!</div> <mat-card> <h2>Current Weather</h2> <app-current-weather></app-current-weather> ...
Read now
Unlock full access