Visibilité 2

by bestmomo

HTML

<div ng-app ng-controller="controleur">
  <button ng-click="voirDanger()">Danger</button>
  <button ng-click="voirWarning()">Alerte</button>
  <button ng-click="voirInfo()">Information</button>
  <div ng-class="maClasse">{{message}}</div>
  <script>
    function controleur($scope) {
      $scope.voirDanger = function() {
        $scope.message = 'On est en danger !';
        $scope.maClasse='rouge';
      };
      $scope.voirWarning = function() {
        $scope.message = 'Ce n\'est qu\'une alerte.';
        $scope.maClasse='orange';
      };
      $scope.voirInfo = function() {
        $scope.message = 'Une petite information.';
        $scope.maClasse='bleu';
      };
    }
  </script>
</div>

CSS

.rouge {color: red;}
.bleu {color: blue;}
.orange {color: orange;}