Toggle

by Rob Rothe

HTML

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<div ng-app="app" class="container">
  <div ng-controller="Controller as ctrl">
    <button ng-click="ctrl.doToggle()" class="btn btn-default">
    <span ng-if="!ctrl.toggle">Show Message</span>
    <span ng-if="ctrl.toggle">Reset</span>
    </button>
    <hr>
    <span ng-if="ctrl.toggle">Toggled</span>
  </div>
</div>

CSS

body {
  padding-top:20px;
}

JavaScript

angular
  .module('app', [])
  .controller('Controller', Controller);

function Controller() {
  var vm = this;
  vm.toggle = false;
  vm.doToggle = doToggle;

  function doToggle() {
    vm.toggle = (!vm.toggle) ? 1 : 0;
  }
}