1
resposta

Data binding não funcionou

Quando tento fazer o one way data binding e salvo, a imagem não abre no navegador. Apenas aparece o title e o alt.

HTML:

<h1>{{ title }}</h1>
<img [src]="url" [alt]="title">

ts:

import { Component } from '@angular/core';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  title = 'app';
  description = 'Leão';
  url = 'https://static1.purebreak.com.br/articles/7/88/47/7/@/335356-o-sol-entrou-no-signo-de-leao-a-partir-d-950x0-1.jpg';
}
1 resposta

Fala ai Tais, tudo bem? Olhando os códigos parecem estar corretos.

Tente dar uma olhada no console do navegador e verifique se está apresentando algum erro.

Espero ter ajudado.