La directive ng-switch dans AngularJs ===================================== ![category](web) ![tag](design) ![tag](angularjs) Objectif -------- La directive ng-switch est une structure conditionnelle de type switch qui s'utilise directement dans le template. Elle permet d'afficher tel ou tel élément selon la valeur de l'expression qu'elle évalue. ```html
hey
hi
defaut
``` Contrairement à **ng-show** et **ng-hide** ng-switch retire réellement du DOM. Pour quoi utiliser ng-switch ? ------------------------------ * Proposer une interface différente selon le statut de l'utilisateur (administrateur / contributeur / visiteur / …) ```warning .On doit vérifier les droits côté serveur ! ``` * Gérer les différents modes d'affichage de votre webapp, (plein écran / mode compact / …) * présenter un visuel différent selon le contexte Exemple ------- index.html ```html La directive ng-switch

Section admin

Section contributeur

Section visiteur

``` app.js ```javascript var app = angular.module('myApp', []); app.controller('MainCtrl', function($scope) { $scope.user = { status: 'visitor' }; });```