title: Ng-class - Active / Inactive button
body: <p>I have a button range with 2 buttons, and I want, when user click on one of them, ng-class add class on button active (My two views are displayed by ng-show/hide).</p>
  
  <p>I have test this, but it's don't work :</p>
  
  <p>HTML :</p>
  
  <pre><code>&lt;div class="button-bar"&gt;
   &lt;a class="button btn-transpr-left" ng-class="{'activ-btn': isActive1}" ng-click="firstStep()"&gt;Acceptées&lt;/a&gt;
   &lt;a class="button btn-transpr-right" ng-class="{'activ-btn': isActive2}" ng-click="nextStep()"&gt;En attente&lt;/a&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>CSS :</p>
  
  <pre><code>.activ-btn {
   border-bottom: 3px solid !important;
   font-weight: bolder !important;
  }
  </code></pre>
  
  <p>JS :</p>
  
  <pre><code>  $scope.isActive2 = false;
    $scope.isActive1 = true;
  
  
  $scope.nextStep = function() {
    $scope.data.step += 1;
    $scope.isActive1 = $scope.isActive1;
    $scope.isActive2 = !$scope.isActive2;
  }
  
  $scope.firstStep = function() {
    $scope.data.step = 1;
    $scope.isActive1 = !$scope.isActive1;
    $scope.isActive2 = $scope.isActive2;
  }
  </code></pre>
  
  <p>Maybe I make mistake ... Someone can help me ?</p>
  
  <p>Thank's all folk !</p>