src/app/app.component.ts
| selector | app-root |
| styleUrls | ./app.component.css, |
| templateUrl | ./app.component.html |
import { Component } from '@angular/core';
@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.css', './app.component-ext.css']
})
export class AppComponent {}
<router-outlet></router-outlet>
<p class="info links">
<a routerLink="/" routerLinkActive="active">Home</a>
|
<a routerLink="/about" routerLinkActive="active">About</a>
</p>
./app.component.css
.links a {
font-weight: bold;
}
./app.component-ext.css
.links a {
font-size: 14px;
}