Quiero integrar múltiples diseños para diferentes componentes, así que creé 2 diseños diferentes.
es decir , inside.html , inside.ts y outside.html , outside.ts .
Ambos componentes tienen diferentes selectores, ¿cuál debo usar en el archivo index.html ? ¿Cuál es la forma exacta de lograr esto?
<div *ngIf="true"> <div id="wrapper"> <navbar></navbar> <div class="gray-bg"> <router-outlet></router-outlet> <footer></footer> </div> </div> <div *ngIf="false"> <div class="blue"> <router-outlet></router-outlet> <footer></footer> </div>Cree un componente de aplicación con un selector. Agregue su selector a index.html. Luego agregue el código que se muestra en su pregunta a AppComponent.
Esto facilita el proceso de arranque porque solo hay un componente (AppComponent) que debe arrancarse y usarse en index.html.