Angular Error: [$ compile: tplrt] wenn die Vorlage nur ein Wurzelelement hat?

UPDATE: Dies war ein Schluck Problem, Neustart Schluck löste das Problem.

Ich benutze Angular und versuche, eine benutzerdefinierte Direktive navbar zu erstellen. Aber ich bin immer folgende Fehlermeldung:

Error: [$compile:tplrt] Template for directive 'navbar' must have exactly one root element.

Meine Template-Datei hat nur eine Route Element und der Dateipfad richtig ist, ich kann nicht herausfinden, was sonst falsch sein könnte? Dank

index.html

<!DOCTYPE html> 
<html ng-app="bemoApp"> 
    <head> 
    <base href="/"> 
    <meta charset="utf-8"> 
    <title>Bemo</title> 
    <!-- inject:js --> 
    <!-- endinject --> 
    <!-- inject:css --> 
    <!-- endinject --> 
    </head> 
    <body> 
    <navbar></navbar> 
    <section ui-view></section> 
    </body> 
</html>

js/views/Richtlinien/navbar.html

<nav> 
    <ul> 
    <li><a ui-sref="register">Register</a></li> 
    <li><a ui-sref="login">Login</a></li> 
    </ul> 
</nav>

js/Richtlinien/navbar.js

angular 
    .module('bemoApp') 
    .directive('navbar', navbar); 

function navbar() { 
    return { 
    restrict: 'E', 
    templateUrl: 'js/views/directives/navbar.html', 
    replace: true 
    }; 
}

Quelle

2017-09-30 Josh

Versuchen Sie,:

function navbar() { 
    return { 
    restrict: 'E', 
    templateUrl: 'js/views/directives/navbar.html', 
    replace: false 
    }; 
}

es einige Probleme mit, dass ersetzen, so dass Ihr Problem lösen kann.

Quelle

2017-09-30 10:06:04 pegla

Leider stoppt das Laden der Website überhaupt. – Josh

Danke für Ihre Hilfe, ich habe das Problem jetzt gelöst. Stellt sich heraus, es war ein Problem mit dem Schluck und es brauchte nur einen Neustart. – Josh

Angular Error: [$ compile: tplrt] wenn die Vorlage nur ein Wurzelelement hat?

Antwort

Verwandte Themen