File

apps/live-weather/src/app/app.component.ts

Metadata

selector weather-base-root
styleUrls ./app.component.scss
templateUrl ./app.component.html
import { Component } from '@angular/core';

@Component({
  selector: 'weather-base-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.scss'],
})
/**
 * Acts as root container for the application
 */
export class AppComponent {}
<weather-base-header></weather-base-header>
<main class="main-container">
  <router-outlet></router-outlet>
</main>

./app.component.scss

.main-container {
  height: 100%;
  min-height: 100%;
  width: 100%;
  padding: 0.5rem 0;
  overflow-y: auto;
}
Legend
Html element
Component
Html element with directive

result-matching ""

    No results matching ""