Discussion :

[Amnael]

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 html :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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/

[Invité]

T'as essayé $scope.showContent = false ; ?

[Marco46]

Lire la documentation, surtout quand on connait pas le framework, ça peut aider ...

[Amnael]

Je me rends compte que j'ai peut-être mal exprimer ma question.

Je reformule:

- Pourquoi si je remplace showContent par toto, le comportement reste inchangé ?

- Si au lieu de vouloir afficher / effacer le texte, je voulais le mettre en gras / normal, quelle serait la modification à apporter ?


Il s'agit d'un exemple tiré du cours d'OC, sauf que je ne le comprends pas.

Merci.

EDIT: J'ai fini par comprendre que cela vient de ng-show.

Il existe le même genre de syntaxes pour d'autres opérations ?