Affichage d'un switch ou d'une checkbox ======================================= ![category](web) ![tag](design) ![tag](angularjs) 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 ![201511081503_1.png](./upload/201511081503_1.png) ![201511081503_2.png](./upload/201511081503_2.png) 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