Bonsoir,

Je veux etre capable de changer la couleur du texte en vert quand je clique sur un checkbox et enlever la couleur verte quand je clique encore sur le meme checkbox coché.
la couleur verte s'affihe sur le texte quand je clique sur le checkbox mais ca s'enlève pas quand je decoche le checkbox.


Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
<body ng-app="formApp" ng-controller="formController">
  <form>
      <!-- CHECKBOXES -->
      <div class="checkbox">
        <label>
          <input type="checkbox" name="question1" ng-model="formData.question1" ng-true-value="YES" ng-false-value="NO">
          TEXTE
        </label>
       </div>
    </form>
 
   <p ng-class="{greenbg: formData.question1}"> TEXTE {{ formData.question1 }}</p>
</body>
Code css : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
.greenbg {
  background: lightgreen;
}
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
var formApp = angular.module('formApp', [])
 
  .controller('formController', function ($scope) {
 
    $scope.formData = {};
 
  });
le message d'erreur est le suivant:
Failed to load resource: the server responded with a status of 404 (Not Found)
bootstrap.min.js:6 Uncaught Error: Bootstrap's JavaScript requires jQuery
at bootstrap.min.js:6
(anonymous) @ bootstrap.min.js:6
2angular-route.js:1 Failed to load resource: the server responded with a status of 404 (Not Found)
angular.js:78 Uncaught Error: [$injector:modulerr] Failed to instantiate module formApp due to:
Error: [$injector:unpr] Unknown provider: $controllerProvider
http://errors.angularjs.org/1.2.13/$injector/unpr?p0=%24controllerProvider
at https://code.angularjs.org/1.2.13/angular.js:78:12
at https://code.angularjs.org/1.2.13/angular.js:3556:19
at Object.getService [as get] (https://code.angularjs.org/1.2.13/angular.js:3683:39)
at https://code.angularjs.org/1.2.13/angular.js:3637:45
at Array.forEach (<anonymous>)
at forEach (https://code.angularjs.org/1.2.13/angular.js:304:11)
at loadModules (https://code.angularjs.org/1.2.13/angular.js:3626:5)
at createInjector (https://code.angularjs.org/1.2.13/angular.js:3566:11)
at doBootstrap (https://code.angularjs.org/1.2.13/angular.js:1301:20)
at bootstrap (https://code.angularjs.org/1.2.13/angular.js:1316:12)
http://errors.angularjs.org/1.2.13/$injector/modulerr?p0=formApp&p1=Error%3A%20%5B%24injector%3Aunpr%5D%20Unknown%20provider%3A%20%24controllerProvider%0Ahttp%3A%2F%2Ferrors.angularjs.org%2F1.2.13%2F%24injector%2Funpr%3Fp0%3D%2524controllerProvider%0A%20%20%20%20at%20https%3A%2F%2Fcode.angularjs.org%2F1.2.13%2Fangular.js%3A78%3A12%0A%20%20%20%20at%20https%3A%2F%2Fcode.angularjs.org%2F1.2.13%2Fangular.js%3A3556%3A19%0A%20%20%20%20at%20Object.getService%20%5Bas%20get%5D%20(https%3A%2F%2Fcode.angularjs.org%2F1.2.13%2Fangular.js%3A3683%3A39)%0A%20%20%20%20at%20https%3A%2F%2Fcode.angularjs.org%2F1.2.13%2Fangular.js%3A3637%3A45%0A%20%20%20%20at%20Array.forEach%20(%3Canonymous%3E)%0A%20%20%20%20at%20forEach%20(https%3A%2F%2Fcode.angularjs.org%2F1.2.13%2Fangular.js%3A304%3A11)%0A%20%20%20%20at%20loadModules%20(https%3A%2F%2Fcode.angularjs.org%2F1.2.13%2Fangular.js%3A3626%3A5)%0A%20%20%20%20at%20createInjector%20(https%3A%2F%2Fcode.angularjs.org%2F1.2.13%2Fangular.js%3A3566%3A11)%0A%20%20%20%20at%20doBootstrap%20(https%3A%2F%2Fcode.angularjs.org%2F1.2.13%2Fangular.js%3A1301%3A20)%0A%20%20%20%20at%20bootstrap%20(https%3A%2F%2Fcode.angularjs.org%2F1.2.13%2Fangular.js%3A1316%3A12)
at https://code.angularjs.org/1.2.13/angular.js:78:12
at https://code.angularjs.org/1.2.13/angular.js:3660:15
at Array.forEach (<anonymous>)
at forEach (https://code.angularjs.org/1.2.13/angular.js:304:11)
at loadModules (https://code.angularjs.org/1.2.13/angular.js:3626:5)
at createInjector (https://code.angularjs.org/1.2.13/angular.js:3566:11)
at doBootstrap (https://code.angularjs.org/1.2.13/angular.js:1301:20)
at bootstrap (https://code.angularjs.org/1.2.13/angular.js:1316:12)
at angularInit (https://code.angularjs.org/1.2.13/angular.js:1265:5)
at https://code.angularjs.org/1.2.13/angular.js:20869:5
Merci beaucoup pour votre aide.