Tengo la siguiente estructura de la aplicación
app home home.html home.ts home.sass app.component.ts index.htmlBásicamente, quiero dividir mis páginas en carpetas separadas que tengan archivos de estilo, .ts y .html relacionados con ellas.
sin embargo, en este momento cargando una plantilla como esta
import {Component} from 'angular2/core'; @Component({ selector: 'admin-app', template: 'home/home.html' }) export class AppComponent { }literaria carga la cadena "home/home.html" como una plantilla donde quiero contenido html del archivo home.html.
Creo que si quieres pasar una plantilla, deberías usar
templateUrl: 'home/home.html'Eso debería hacer una solicitud http y cargar el html en su componente.
Es posible que desee considerar el uso de Webpack. En ese caso, simplemente:
@Component({ selector: 'my-comp', template: require('./mycomp.component.html') })Descubrí que es una solución sólida hasta ahora, ya que arrojará un error de tiempo de compilación si la URL es incorrecta.