两周前我开始使用 Angular JS,并对它的数据绑定(bind)功能感到非常惊讶。
我也非常喜欢使用 bootboxjs向用户显示消息和所有信息。
我只是在想我们能否通过自定义对话框在 bootbox 中显示 Angular JS 的数据绑定(bind)形式。
我尝试过,但我没有得到内容,事实上对话框显示的是模板,而不是数据。
我们如何在 Bootbox UI 中显示已绑定(bind)数据的数据。
最佳答案
您必须使用 $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 () {
}
}
}
});
关于javascript - 显示带有 angularjs 数据绑定(bind)表单的 Bootstrap 框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19972223/