Bootstrap Modal

HTML

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.min.js"></script>
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap-theme.min.css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
<div ng-controller="myCtrl">
    <div ng-switch="state">
        <button ng-switch-when="0" ng-click="updateState()">Label 1</button>
        <button ng-switch-when="1" ng-click="updateState()">Label 2</button>
    </div>
</div>

JavaScript

var App = angular.module('App', []);

App.controller('myCtrl', function($scope) {
    
    $scope.state = 0;
    
    $scope.updateState = function () {
        $scope.state = $scope.state === 0 ? 1 : 0;   
    }
});