typescript - Angularjs 2.0 não carrega templateUrl

Eu sou novo em Angularjs-2.0. Eu criei um aplicativo de exemplo e tenho um problema ao carregar templateUrl.

Meu arquivo app.ts:

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

Eu mudo o caminho para ./grid.html, mas também não funciona para mim.

Alguém me ajude..!

Resposta #1

Se a estrutura do seu diretório for assim:

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

Então use templateUrl: 'app/grid.html'.

Atualizar

A solução acima nos obriga a codificar app/ em todos os lugares para incluir esses arquivos. Então aqui está outra:

1. Defina "module": "commonjs" no arquivo tsconfig.json
2. Adicione uma nova linha moduleId: module.id, ao decorador @Component.

Então fica:

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

Referência :

• Angular não consegue encontrar templateUrl
• Caminhos relativos do Angular2 beta para templateUrl e styleUrls