link
link
Cette option permet de gérer toutes les interactions entre l’élément qui utilise la directive et le DOM en assurant une accessibilité au scope.
CTRL+C pour copier, CTRL+V pour coller
1
app.directive('clickable', function(){
2
return {3
4
restrict : 'A',
5
link: function(scope, element,attrs){
6
7
console.log(scope); // on a un accès au scope
8
console.log(attrs); // on a accès à tous les attribus (class, id,...)
9
console.log(element); // on a accès à l'élément, ses descendants ...
10
element.on("eventName", function(){
11
...
12
})
13
// Angular assure des manipulations évenementielles de base et utilise JQUERY seulement s'il est dans le projet. 14
15
}
16
}
17
});
app.directive('clickable', function(){
return {
restrict : 'A',
link: function(scope, element,attrs){
console.log(scope); // on a un accès au scope
console.log(attrs); // on a accès à tous les attribus (class, id,...)
console.log(element); // on a accès à l'élément, ses descendants ...
element.on("eventName", function(){
...
})
// Angular assure des manipulations évenementielles de base et utilise JQUERY seulement s'il est dans le projet.
}
}
});
