typescript - Angularjs 2.0 no carga templateUrl

Soy nuevo en Angularjs-2.0. He creado una aplicación de ejemplo y tengo un problema al cargar templateUrl.

Mi archivo app.ts:

import {bootstrap, Component} from 'angular2/angular2';
@Component({
    selector: 'my-app',
    templateUrl: 'grid.html'
})
class AppComponent { }
bootstrap(AppComponent);

Cambio la ruta a ./grid.html pero tampoco funciona para mí.

¡Alguien ayúdeme..!

Respuesta #1

Si la estructura de tu directorio es así:

|- app
   |- grid.html
   |- component.ts
   myApp.ts

Luego usa templateUrl: 'app/grid.html'.

Actualizar

La solución anterior nos obliga a codificar app/ en cada lugar para incluir estos archivos. Así que aquí hay otra:

1. Define "module": "commonjs" en el archivo tsconfig.json
2. Agrega una nueva línea moduleId: module.id, al decorador @Component.

Entonces se convierte en:

@Component({
    selector: 'my-app',
    moduleId: module.id,
    templateUrl: 'grid.html'
})

Referencia :

• Angular no puede encontrar templateUrl
• Rutas relativas de Angular2 beta para templateUrl y styleUrls