javascript - 显示带有 angularjs 数据绑定(bind)表单的 Bootstrap 框

Question

两周前我开始使用 Angular JS，并对它的数据绑定(bind)功能感到非常惊讶。

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

我只是在想我们能否通过自定义对话框在 bootbox 中显示 Angular JS 的数据绑定(bind)形式。

我尝试过，但我没有得到内容，事实上对话框显示的是模板，而不是数据。

我们如何在 Bootbox UI 中显示已绑定(bind)数据的数据。

Answer 1

您必须使用 $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 () {
                        }
                    }
                }
            });