1.新建uiBootstrap.html頁面，引入依賴的js和css類庫

模組，引入依賴的模組

/**
 * Created by zhong on 2015/9/7.
 */
var uiModule = angular.module("uiModule",["ui.bootstrap","ui.router"]);

});

UiController

uiModule.controller("UiController"
 
,function($scope,$modal){
//開啟dialog的函式
$scope.openDialog = function(){
$modal.open({
            templateUrl:"myModalContent.html",//dialog的id，與html建立的template的id一致
controller:"ModalController"//指定dialog的controller
});
    };
})

ModalController

controller("ModalController"
 
,function($scope, $modalInstance){
//定義dialog中的確認按鈕的點選事件的處理函式
$scope.ok = function(){
$modalInstance.close();//
};
//定義dialog中的取消按鈕的點選事件的處理函式
$scope.cancel = function(){
$modalInstance.dismiss('cancel');
    }
});

<div ng-controller="UiController">

    <button ng-click=
 
"openDialog()"  class="btn btn-default">開啟彈出視窗</button>
</div>

補充：