Why is the image from the web not displayed in Angular2?

Question

Angular

Assigned a link to the image to the variable.

imageUrl = 'https://angular.io/resources/images/logos/angular2/angular.png';

In template

<img [src]="imageUrl"
<img src="{{ imageUrl }}"
<img src="https://angular.io/resources/images/logos/angular2/angular.png"

The code was written not in app.component.html, but in app.component.ts (template).
None of the options work.

Answer 1

A banal question, are you creating a variable in the same component? Are you creating via this (this.imageUrl) ?