0

两周前我开始使用 Angular JS，并且对它的数据绑定特性感到非常惊讶。

此外，我非常喜欢使用bootboxjs向用户显示消息和所有信息。

我只是在想我们可以通过自定义对话框在引导箱中显示 Angular JS 的数据绑定形式。

我试过了，但我没有得到内容，因为对话框显示的是模板，而不是数据。

我们如何在 Bootbox 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

我建议你这个很好的例子Plunker如何将数据传递给对话框。

但是它不是引导箱（使用 jQuery）。该演示仅基于 bootstrap 和 angualrJS 显示对话框。

希望它会有所帮助

于 2013-11-14T07:53:32.640 回答
1

现在有一个非常好的模块，可以用单独的模板文件来处理它！ https://github.com/eriktufvesson/ngbootbox

非常好！

于 2016-09-29T17:59:37.860 回答