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)?
2 respuestas
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
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.
Nuevas preguntas
angular
Preguntas sobre Angular (que no debe confundirse con AngularJS), el marco web de Google. Use esta etiqueta para preguntas angulares que no son específicas de una versión individual. Para el marco web anterior de AngularJS (1.x), use la etiqueta angularjs.