0

私はちょうど 2 週間前に Angular JS を使い始めましたが、Angular JS のデータ バインディング機能に非常に驚いています。

また、bootboxjsを使用してメッセージとすべての情報をユーザーに表示することも非常に気に入っています。

カスタムダイアログを介して、ブートボックスでAngular JSのデータバインド形式を表示できるかどうかを考えています。

試してみましたが、ダイアログボックスにデータではなくテンプレートがそのまま表示されているため、コンテンツが表示されません。

データが既にバインドされている状態で、ブートボックス UI にデータを表示するにはどうすればよいでしょうか。

4

3 に答える 3

10

$compile を使用する必要があります。

http://code.angularjs.org/1.2.13/docs/guide/compiler

例として：

            var tplCrop = '<div><img ng-src="{{file.src}}"/></div>';
            var template = angular.element(tplCrop);
            var linkFn = $compile(template);
            var html= linkFn($scope);

            bootbox.dialog({
                message: html,
                title: "My title",
                buttons: {
                    ok: {
                        label: "Ok",
                        className: "btn-success",
                        callback: function () {
                        }
                    },
                    close: {
                        label: "Close",
                        className: "btn-danger",
                        callback: function () {
                        }
                    }
                }
            });
于 2014-02-20T21:57:34.110 に答える
1

今では、別のテンプレート ファイルでそれを処理するための非常に優れたモジュールがあります。 https://github.com/eriktufvesson/ngbootbox

非常に素晴らしい！

于 2016-09-29T17:59:37.860 に答える