Bootstrap Modal

by Nathaniel Currier

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">
    <button ng-click="myButton.actions[myButton.state]()">{{myButton.labels[myButton.state]}}</button>
</div>

JavaScript

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

App.controller('myCtrl', function($scope) {
    
    $scope.myButton = {
        state: 0,        
        labels: ['label 1','label 2'],    
        actions: [
            function() {$scope.myButton.state = 1;},
            function() {$scope.myButton.state = 0;}
        ]
    };
});