Soy nuevo en angular. Tengo un problema con los componentes. He creado un componente con el nombre de prueba.

Obtuve el resultado correcto cuando ejecuto el código, pero cuando elimino la etiqueta de app.component.html, obtuve una página web en blanco como resultado.

Aquí está el código de test.component.ts

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

@Component({
  selector: 'app-test',
  templateUrl: './test.component.html',
  styleUrls: ['./test.component.css']
})
export class TestComponent implements OnInit {

  constructor() { }

  ngOnInit(): void {
  }

}

Aquí está el código de test.component.html

La prueba está funcionando

Aquí está el código de app.component.html

<app-test></app-test>

Por favor corríjame donde esté haciendo mal. ¿Es esto necesario para declarar cada etiqueta de selector de cada componente en app.component.html (código html raíz)?

0
sahil 17 ago. 2020 a las 15:07

2 respuestas

La mejor respuesta

Cuando declaras la etiqueta del componente en app.component.html, le estás diciendo al compilador angular que renderice ese componente en tu página web, cuando borras esa etiqueta '', entonces el compilador no tiene nada que renderizar, por lo que muestra una página en blanco.

No está haciendo nada malo, solo tiene que decidir qué componentes desea representar en la página.

Y sí, es necesario declarar cada etiqueta de selector de cada componente no solo en app.component.html, sino donde quiera que se represente.

Incluso puede usar el enrutamiento angular para mostrar componentes de forma condicional a través del enrutamiento. Para referencia: https://angular.io/guide/router

0
Rohan Sampat 17 ago. 2020 a las 12:23

Es importante agregar selector () en app.component.html. Si desea que los componentes sean visibles o no.

Al igual que si define las rutas del proyecto, debe agregar enrutador-salida en el componente principal.

0
Sunny 17 ago. 2020 a las 12:15