Angularjs 角度模式-显示在页面上

我正在使用AngularUI 0.8.0（带bootstrap 2.3）并试图获得一个简单的模式框来显示

使用下面的代码，当我按Open时，模板和控制器加载，警报显示，db收到$modal.Open的承诺，然后模板呈现在现有页面的底部，而不是在modal对话框中打开

这是什么原因造成的？如何排除故障

提前谢谢

<!-- ConfirmPage.cshtml -->
<button class="btn btn-primary" ng-click="ctrl.openModal()">Open</button>

打开

控制器包括：

<!-- ConfirmPageCtrl.coffee -->
class ConfirmPageCtrl
    constructor: (@$scope, @$modal) ->
        $scope.ctrl = @

    openModal: () =>
        alert 'Called modal.open'
        db = @$modal.open
            templateUrl: '/Home/ConfirmTpl'
            controller: 'ModalCtrl'
        db.result.then @modalOk, @modalCancel

    modalOk: () ->
        alert 'I am OK!'

    modalCancel: () ->
        alert 'I have been cancelled :-('

class ModalCtrl
    constructor: (@$scope, @$modalInstance) ->

    ok: () =>
        @$modalInstance.close()

    cancel: () =>
        @$modalInstance.dismiss()

app.controller 'ConfirmPageCtrl',
    ['$scope', '$modal', ConfirmPageCtrl]

app.controller 'ModalCtrl',
    ['$scope', '$modalInstance', ModalCtrl]

类ConfirmPageCtrl
构造函数：（@$scope，@$modal）->
$scope.ctrl=@
OpenModel:（）=>
警报“已调用模态。打开”
db=@$modal.open
templateUrl:“/Home/ConfirmTpl”
控制器：“ModalCtrl”
db.result.then@modalOk，@modalCancel
莫达洛克：（）->
提醒“我没事！”
方式取消：（）->
警报“我已被取消：-（”
类ModalCtrl
构造函数：（@$scope，@$modalInstance）->
好：（）=>
@$modalInstance.close（）
取消：（）=>
@$modalInstance.disclose（）
app.controller“ConfirmPageCtrl”，
['$scope'，'$modal'，ConfirmPageCtrl]
应用控制器“ModalCtrl”，
['$scope'，'$modalInstance'，ModalCtrl]

在coffeeScript中编写这个当然没有帮助，但是如果您创建了一个JSFIDLE，那么我们可以帮助您粘贴模板代码吗？好的，您需要在

templateUrl

中指定一个ID，而不是路径。。。