32 lines
919 B
Markdown
32 lines
919 B
Markdown
|
# .cadoles-slide-title[Création de directives (4/4)]
|
||
|
|
|
||
|
|
- Une directive, contrairement à un simple contrôleur peut manipuler le DOM via sa méthode `link()`.
|
||
|
|
|
||
|
|
```html
|
||
|
|
<script>
|
||
|
|
angular.module('myApp', [])
|
||
|
|
.directive('myDirective', function() {
|
||
|
|
return {
|
||
|
|
restrict: 'E',
|
||
|
|
link: function(scope, element, attrs) {
|
||
|
|
|
||
|
|
// scope: $scope de notre directive
|
||
|
|
// element: référence vers l'élément du DOM portant la directive (via wrapper jqLite)
|
||
|
|
// attrs: objet clé/valeur portant les attributs normalisés de l'élément du DOM
|
||
|
|
|
||
|
|
element.text('Hello word !');
|
||
|
|
|
||
|
|
// L'évènement $destroy émit par le scope permet
|
||
|
|
// d'être notifié de la suppression de la directive
|
||
|
|
scope.$on('$destroy', function() {
|
||
|
|
// Faire quelque chose à la destruction de la directive
|
||
|
|
});
|
||
|
|
|
||
|
|
}
|
||
|
|
};
|
||
|
|
|
||
|
|
})
|
||
|
|
;
|
||
|
|
</script>
|
||
|
|
```
|