Quando executo o app Angular, no browser não aparece o 'alurapic', só aparece:
{{ title }} app is running!app.component.html:
<div class="toolbar" role="banner">
<h2>{{ title }} app is running!</h2>
</div>
<div class="content" role="main">
<img [src]="imgLink" [alt]="imgTitle">
</div>app.component.ts:
import { Component } from '@angular/core';
@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.css']
})
export class AppComponent {
title = 'alurapic';
imgLink = "https://th.bing.com/th/id/OIP.gWpIiEszCfn3B534mnienwHaEX?pid=Api&rs=1";
imgTitle = "Sona PsyOps";
}
index.html:
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Alurapic</title>
<base href="/">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" type="image/x-icon" href="favicon.ico">
</head>
<body>
<app-root></app-root>
</body>
</html>
