Mam bardzo podstawowy problem: Nie mogę przekazać wartości ani niczego innego do szablonu dyrektywy i wyświetlić go w szablonie, mimo że próbowałem wielu przykładów. Stworzyłem punkera, aby przedstawić problem, po ugotowaniu go do najbardziej podstawowego przykładu.
<!doctype html>
<html ng-app="myapp">
<head>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.15/angular.min.js"></script>
<script src="script.js"></script>
</head>
<body>
a<exampleDirective fancyname="Hello">-</exampleDirective>b
</body>
</html>
angular.module("myapp", [])
.directive("exampleDirective", function() {
return {
restrict: "E",
scope: {
fancyname: "@"
},
template: "1<div><i>2{{fancyname}}2</i></div>1"
};
});
Wygląda na to, że szablon nie ładuje się wcale, chociaż w pewnym momencie był i {{fancyname}} nie pokazywał wartości "Hello".
Każda pomoc w tej dyrektywie NOOB jest bardzo doceniana. Dziękuję Ci!
Odpowiedzi:
2 dla odpowiedzi № 1Prosty i łatwy błąd podczas nauki ...
angular.module("myapp", [])
.directive("exampleDirective", function() {
return {
restrict: "E",
scope: {
fancyname: "@"
},
template: "1<div><i>2{{fancyname}}2</i></div>1"
};
});
Równa się temu HTML
<example-directive fancyname="Hello"></example-directive>
Twój rozwidlony plunker