javascript - 引导模式和 AngularJS

Question

我在我的应用程序中使用AngularStrap。我正在尝试实现引导程序的模态功能。问题是我无法显示我的template模态。这是 plunker 的链接。我的模板的 id 是test，我指的是（如文档中解释的那样），template='#test'但我收到一个错误：Uncaught TypeError: Cannot set property 'display' of undefined.

Answer 1

文档说明了以下内容template：

如果提供，覆盖默认模板，可以是远程 URL 或缓存的模板 ID。

在 Angular 中，模板既可以从远程源加载，也可以直接在脚本标签中定义。所有模板都是通过$templateCache. 因此，要使您的模态显示，您需要将模态的定义更改为：

<script type="text/ng-template" id="test">
    <div class="modal" tabindex="-1" role="dialog">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header" ng-show="title">
                    <button type="button" class="close" ng-click="$hide()">&times;</button>
                    <h4 class="modal-title" ng-bind="title"></h4>
                </div>
                <div class="modal-body" ng-bind="content"></div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" ng-click="$hide()">Close</button>
                </div>
            </div>
        </div>
    </div>
</script>

更新了 plunker以进行演示。