Affichage d'un switch ou d'une checkbox
=======================================
L'objectif de cette note est d'explicité l'affichage d'une valeur (on/off) via
l'utilisation d'une boîte à cocher ou d'un switch.
Il existe trois grandes techniques pour résoudre ce problème
- l'utilisation d'images: trop compliqué à mettre en oeuvre
- l'utilisation de la font **Awesome** (cf article précédent)
- l'utilisation de ngMaterial (cf article précedent)
Nous allons dans notre cas obtenir le résultat suivant
Pour cela, et comme d'habitude, nous allons utiliser 3 fichiers principaux
app.js
```javascript
var app = angular.module("MyAppli", ['picardy.fontawesome',
'ngMaterial']);
// add controler
app.controller('AppController', function($scope) {
$scope.getInit = function() {
$scope.value = {};
// todo
};
// init data
$scope.getInit();
});
```
index.html
```html
Test
via ngMaterial
value
value
via fontAwesome
value
value
```
mycss.css
```css
body {
max-width: 100%;
max-height: 100%;
}
.selected {
color: orange;
}
.notselected {
color: grey;
}
```
Pour ma part je trouve solution avec la font **Awesome** plus jolie