angularJs benutzerdefinierte Richtlinie nicht, dass die Arbeit mit templateUrl

Ich bin neu in AngularJs. Ich Schreibe meine benutzerdefinierten Winkel-Richtlinie enthält eine Vorlage für html-Inhalt. Wenn ich die Vorlage mit dem folgenden code funktioniert es einwandfrei.

demoApp.directive('demoCarousel', function() {
  return {
    restrict: 'E',
    replace:'true',
    template: "<h1>This is from the custom directive..</h1>"
  };

});

Aber wenn ich ersetzen Sie die Vorlage mit templateUrl verweist auf eine html-in eine teilweise bin ich immer Fehler.

demoApp.directive('demoCarousel', function() {
  return {
    restrict: 'E',
    replace:'true',
    templateUrl: "/partials/carousel.html"
 };

});

Der javascript-Fehler ist so etwas wie:

Fehler: [$kompilieren:tplrt] http://errors.angularjs.org/1.2.15/$kompilieren/tplrt?p0=glassCarousel&p1=%2Fpartials%2Fcarousel.html

Bitte lassen Sie mich wissen, wohin ich gehe falsch ist und was die richtige Art und Weise zu verwenden, die templateUrl

Hinweis: ich verwende nur reinen html-code, der in der carousel.html Datei.

InformationsquelleAutor Pradeep | 2014-04-29
  1. 8

    Den Fehler sagt: Template for directive 'glassCarousel' must have exactly one root element. /partials/carousel.html

    dies bedeutet, dass Sie so etwas wie dies in Ihrer Vorlage:

    <div>...</div>
<div>...</div>

    Es ist nicht erlaubt, sollten Sie ein root-element:

    <div>
    <div>...</div>
    <div>...</div>
</div>
    • Vielen Dank. Dies ersparte mir eine Menge Zeit.
    • Sie sind willkommen:)
    • +1 Ein muss, wenn Sie über eine externe Datei, die als alternative zu den ui-bootstrap Beispiele für die Verwendung von templateUrl aufruft code in der "index.html"
    InformationsquelleAutor karaxuna
Schreibe einen Kommentar