Website-Suche

typescript - Angularjs 2.0 lädt templateUrl nicht

Ich bin neu bei Angularjs-2.0. Ich habe eine Beispielanwendung erstellt und habe ein Problem beim Laden von templateUrl.

Meine app.ts-Datei:

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

Ich ändere den Pfad zu ./grid.html, aber es funktioniert bei mir auch nicht.

Jemand hilf mir..!

Antwort #1

Wenn Ihre Verzeichnisstruktur so aussieht:

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

Dann verwenden Sie templateUrl: 'app/grid.html'.

Aktualisieren

Die obige Lösung zwingt uns dazu, app/ an jeder Stelle einzufügen, um diese Dateien einzuschließen. Also hier ist eine andere:

  1. Definieren Sie "module": "commonjs" in der Datei tsconfig.json
  2. Fügen Sie eine neue Zeile moduleId: module.id, zum @Component-Dekorator hinzu.

Also wird es:

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

Referenz :

  • Angular kann templateUrl nicht finden
  • Angular2 Beta relative Pfade für templateUrl und styleUrls

Verwandte Artikel