32 lines
656 B
Markdown
32 lines
656 B
Markdown
|
# .cadoles-slide-title[Création de directives (1/4)]
|
||
|
|
|
||
|
|
- Les directives sont des **composants** réutilisables.
|
||
|
|
|
||
|
|
**Création d'une directive basique**
|
||
|
|
```html
|
||
|
|
<!-- Fichier index.html -->
|
||
|
|
<div ng-app="myApp">
|
||
|
|
<ca-adresse-cadoles></ca-adresse-cadoles>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
angular.module('myApp', [])
|
||
|
|
.directive('caAdresseCadoles', function() {
|
||
|
|
|
||
|
|
return { // On retourne le descripteur de notre directive
|
||
|
|
templateUrl: 'adresse-cadoles.html' // ou template: "<div>....</div>"
|
||
|
|
};
|
||
|
|
|
||
|
|
})
|
||
|
|
;
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<!-- Fichier adresse-cadoles.html -->
|
||
|
|
<div class="adresse-cadoles">
|
||
|
|
Cadoles
|
||
|
|
2 bis, Cours Fleury
|
||
|
|
21000 DIJON
|
||
|
|
FRANCE
|
||
|
|
</div>
|
||
|
|
```
|