How to use bootstrap modal window with angularjs?
<p>I want to use bootstrap pop window for some user confirmation but i got stuck initially here by using bootstrap with angularjs , Any idea what is implemented wrong below to have bootstrap modal window or any better approach to use bootstrap modal window with angularjs ? I do not see any error in console.</p>

<p>app.js</p>

<pre><code>angular.module('App', [
    'ui.router',
    'ui.bootstrap']).config(function ($stateProvider, $httpProvider, $urlRouterProvider) {

//config code here ..
});
</code></pre>

<p>ctrl.js</p>

<pre><code>angular.module('App').controller('modalController',function($scope,$uibModal){
    $scope.openModal = function () {
            console.log('opening pop up');
            var modalInstance = $uibModal.open({
                templateUrl: 'web/global/modal.html',
            });
        }
});
</code></pre>

<p>home.html</p>

<pre><code>&lt;button class="btn btn-warning" ng-click="openModal()"&gt;Simple Popup&lt;/button&gt;
</code></pre>