Débuter avec angular databinding
Bonjour,
j'ai besoin de comprendre certaines notion d'angular, pour cela je m'intéressais au data binding pour le moment.
Je pensais avoir compris, mais le code suivant me laisse perplexe, j'aimerai des éclaircissements:
- coté html
Code:
1
2
3
4
5
6
7
| <div ng-app="app">
<div ng-controller="myController">
<label>Afficher le paragraphe</label>
<input type="checkbox" ng-model="showContent"/>
<p ng-show="showContent">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</div>
</div> |
- Coté js
Code:
1
2
3
4
5
| var app = angular.module("app", []);
app.controller("myController", function($scope){
$scope.showContent = true;
}); |
Je voudrais savoir comment ce code sait qu'il doit afficher ou effacer le contenu, car pour moi showContent n'est qu'un nom de variable...d'ailleurs si je remplace les trois occurence par showContentss ça fonctionne toujours.
Merci pour vos explications !
EDIT: L'exemple est ici: https://jsfiddle.net/7sh8a9oz/
