页面加载时的角度ui bootstrap没有弹出

Question

我试图在页面加载时弹出一个模态。我可以在firebug控制台中看到响应和html，但没有显示弹出窗口。

已安装ui-bootstrap

在app.js中添加

glVertexAttribPointer

Modal.html

angular.module('sample', ['ui.router','angular-clipboard','ui.bootstrap'])

Controller.js

<div id="modal" class="bx--modal" tabindex="-1">
<div class="bx--modal-container">
    <div class="bx--modal-content">
        <div class="bx--modal-header">
            <button class="bx--modal-close" type="button" data-modal-close>X</button>
            <h4 class="bx--modal-header__heading">Subscribe our Newsletter</h4>
        </div>

    </div>
</div>

在html页面中调用该函数，我想要一个模态弹出窗口自动显示为：

$scope.myDialog = function () {
    $modal.open({
       templateUrl: 's***/p*/v**/p**/modal.html',
       backdrop: 'static',
       windowClass: 'modal',
       size: 'lg',
       controller: function ($scope, $modalInstance) {
            $scope.cancel = function () {
               $modalInstance.dismiss();
            };
          }
    });
};  

firebug控制台中没有错误。我可以在响应中看到modal.html，也可以在HTML中看到页面。但是没有弹出窗口。

即使正确获取modal.html，弹出窗口也不显示在页面加载上。我哪里做错了？或者是否有更好的方法在页面加载时自动加载模态？