顯示帶有角度js數據綁定形式的引導箱

Question

我僅在兩周前開始使用Angular JS，它的數據綁定功能讓我非常驚訝。

我也非常喜歡使用bootboxjs向用戶顯示消息和所有信息。

我只是想我們可以通過自定義對話框在啟動箱中顯示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 () {
                        }
                    }
                }
            });

Answer 2

我建議您使用這個非常好的示例Plunker如何將數據傳遞給Dialog。

但是，它不是bootbox（使用jQuery）。 該演示顯示僅基於bootstrap和angualrJS的對話框。

希望對你有幫助

Answer 3

現在有一個非常好的模塊，可以使用單獨的模板文件來處理它！ https://github.com/eriktufvesson/ngbootbox

非常好！