Modifier la couleur d'un texte avec ng-class
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:
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:
1 2 3
| .greenbg {
background: lightgreen;
} |
Code:
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:
Citation:
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.