typescript - Angularjs 2.0 nenačítá templateUrl

Jsem nováček pro Angularjs-2.0. Vytvořil jsem ukázkovou aplikaci a mám problém s načítáním templateUrl.

Můj soubor app.ts:

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

Změnil jsem cestu na ./grid.html, ale ani pro mě to nefunguje.

Někdo mi pomoz..!

Odpověď č. 1

Pokud je struktura vašeho adresáře takováto:

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

Pak použijte templateUrl: 'app/grid.html'.

Aktualizace

Výše uvedené řešení nás nutí pevně zakódovat app/ na každém místě pro zahrnutí těchto souborů. Takže tady je další:

1. Definujte "module": "commonjs" v souboru tsconfig.json
2. Přidejte nový řádek moduleId: module.id, do dekorátoru @Component.

Tak se to stane:

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

Reference :

• Angular nemůže najít templateUrl
• Relativní cesty v Angular2 beta pro templateUrl a styleUrls