Voici un échantillon de l'instruction d'entrée utilisée
La copie de code est la suivante:
<! doctype html>
<html>
<adal>
<meta charset = "utf-8">
<Title> UNT intitulé Document </Title>
</ head>
<script src = "http: // localhost: 81 / js / jquery.js">
</cript>
<script src = "http: // localhost: 81 / js / angular.min.js">
</cript>
<corps ng-app = "Demo">
<div ng-controller = "testctrl">
<input type = "text" ng-model = "a" test />
<Button ng-Click = "Show (A)"> View </ Button>
</div>
</docy>
<cript>
var app = angular.module ('démo', [], angular.noop);
app.directive ('test', function () {<br> // Le lien de la directive d'entrée a le quatrième paramètre, et il existe certaines méthodes de $ ctrl, vous pouvez l'utiliser vous-même.
var link = function ($ scope, $ element, $ attrs, $ ctrl) {
console.log ($ ctrl)
$ ctrl. $ formatters.push (fonction (valeur) {
return value.join (',');
});
$ ctrl. $ parsers.push (fonction (valeur) {
return value.split (',');
});
}
return {compile: function () {return link},
exiger: «ngmodel»,
restreindre: «a»}
});
app.Controller ('TestCtrl', fonction ($ scope) {
$ scope.a = [];
//$Scope.a = [1,2,3];
$ scope.show = fonction (v) {
console.log (v);
}
});
</cript>
</html>
Le code est très simple, les amis peuvent l'étendre librement, j'espère que vous l'aimez