Eckige nicht finden können, templateUrl

Ich versuche, das laden von Html-Dateien mit dem folgenden code in angular js 2.
Diese Datei steht unter Produkte-Ordner und die html-Datei, die ich versuche zu laden ist auch im selben Ordner. Dennoch ist es immer noch nicht funktioniert.

import {Component} from 'angular2/core';

@Component({
    templateUrl:'./products/app.component.pen.html'
})

export class PenComponent
{

}

Den oben angegebenen Datei wird immer geladen, aus der unten AppComponent.

import {Component} from 'angular2/core';
import {RouteConfig, ROUTER_DIRECTIVES} from "angular2/router";
import {PenComponent} from "./products/app.component.pen";
import {BookComponent} from "./products/app.component.book";  

@Component({
    selector: 'my-app',
    template: `
            <header>
                <ul>
                <li>
                <a [routerLink]="['Pen']">Pen</a></li>

                <li>
                <a [routerLink]="['Book']">Book</a></li>
                </ul>

            </header>
        <router-outlet></router-outlet>
    `,
    directives: [ROUTER_DIRECTIVES]

})

@RouteConfig([
    {path: '/pen', name: 'Pen', component: PenComponent, useAsDefault:true}
    {path: '/book', name: 'Book', component: BookComponent}


])


export class AppComponent {

}
  • bitte verwenden Sie einfache Anführungszeichen in - './products/app.component.pen'. mit jedem import.
  • Funktioniert immer noch nicht.
  • Sind Sie in der Lage zu laden PenComponent? Bekommst du irgendwelche Fehler ? wenn ja, welche?
  • templateUrl funktioniert so nicht importieren, müssen Sie geben Sie vollständigen Pfad, ausgehend vom Ordner, z.B. app/products/app.component.pen
  • Wenn ich text in die Vorlage statt templateurl seine Arbeitsmethoden in Ordnung.
  • Ihre arbeiten. Danke.

InformationsquelleAutor Udaya Vani | 2016-04-12
  1. 26

    Verwenden Sie die Pfade relativ zum Stamm des Projekts für styleUrls und templateUrls (so app/foo/bar/products/app.component.pen.html statt ./products/app.component.pen.html).

    Verwenden relative urls, um die Komponente Datei, die Ihr Projekt muss ein commonjs - Modul (set "module":"commonjs" im tsconfig), und Sie enthalten module.id in der Komponente Dekorateure: 

    @Component({ 
  selector: 'foo',
  moduleId: module.id //<== need this
  templateUrl: './foo.html'
})
    • großes danke dafür => moduleId: Modul.id
    InformationsquelleAutor awqueous
  2. 1

    Seine gezeigt hier, dass Angehörige Pfad funktioniert, aber ich denke, dass sind noch die Version noch nicht.

    Sie alle Weg von den Start-Ordner. Für z.B., wenn Sie Ihre start-Ordner-name ist app. Sie geben Weg wie:

    templateUrl:app/products/app.component.pen

    InformationsquelleAutor Dimple
Schreibe einen Kommentar