3
respostas

Binding nos elementos dentro da tag Embed

Tenho o seguinte componente:

import { Component} from '@angular/core';
@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  title = 'AngularClient';
  constructor( ) { }
}

Essa é a html(app.component.html) do componente:

<div id="Teste1">
  <embed type="text/html" src="Home/Angular" width="500" height="200">
</div>

E esse é o html(Home/Angular) do embed:

<span>{{ title }} app is running!</span>

Tudo estaria perfeito, mas no carregamento da pagina ele não fez o binding do title. O que preciso fazer para que o "title" seja carregado? Abraço!

3 respostas

Fala ai Eduardo, tudo bem? O problema está por conta do embed, isso porque ele vai funcionar de forma diferente e não será renderizado pela engine do Angular em si.

Porque você está utilizando embed? Algum motivo específico?

Espero ter ajudado.

Matheus Castiglioni, boa noite, a ideia é carregar página de outra fonte, utilizando o provedor mvc do .net core, ou seja, trabalhar com cshtml.

Fala Eduardo, realmente ai fica bem complicado fazer com templates do Angular, isso porque o carregamento do HTML foge da engine e controle do Angular.

Espero ter ajudado.

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software