显示带有角度js数据绑定形式的bootbox

Question

我在2周前就开始使用Angular JS,并对它的数据绑定功能感到非常惊讶.

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

我只是想通过自定义对话框在bootbox中显示Angular JS的数据绑定形式.

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

我们如何在已经绑定了数据的数据中显示bootbox UI中的数据.

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 () {
                        }
                    }
                }
            });