0

アプリケーションでAngularStrapを使用しています。ブートストラップのモーダル機能を実装しようとしています。template問題は、モーダルを表示できないことです。ここに plunker へのリンクがあります。私のテンプレートの id はtest(ドキュメントで説明されているように) で参照してtemplate='#test'いますが、エラーが発生しています: Uncaught TypeError: Cannot set property 'display' of undefined.

4

1 に答える 1

3

ドキュメントには、次のように記載されています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をデモンストレーション用に更新しました。

于 2014-07-07T11:04:54.147 に答える