0
Ich habe gerade angefangen, angularJS zu verwenden, um Projekte zu entwickeln, also bitte bare mit mir hier. Ich möchte eine einfache Direktive machen, die eine Schaltfläche hat, die anzeigt, ob der Cursor darüber steht. Jedes Mal, wenn ich diese neue Anweisung in meine index.html einfüge, erhalte ich diesen Fehler als Gegenleistung.Fehler: Vorlage muss genau ein Wurzelelement beim Erstellen einer benutzerdefinierten Direktive haben
Hier ist der folgende Fehler:
Hier ist mein Template-Code:
<div>
<button ng-show="ishovering">DELETE</button>
</div>
Hier ist meine Richtlinie Code:
app.directive('deleteArea',function(){
return {
scope: {},
require: 'ng-show',
restrict: "AE",
replace: true,
templateUrl: "./templates/delete.html",
link: function(scope,elem,attrs){
elem.bind('mouseover',function(){
elem.css('cursor','pointer');
scope.$apply(function(){
scope.ishovering = true;
});
});
}
};
});
Jede Hilfe sehr geschätzt wird, Danke.
Wie fügen Sie diese Richtlinie ein? –
Ich habe es in einer der divs in meiner index.html einfach als
Das Problem liegt mit einigen anderen Code, der Code von Ihnen gegeben werden kompilieren Fehler, da es keine Anweisung mit dem Namen 'ng- show ', und das verwenden Sie in Ihrer' require'-Anweisung. – Gaurav