Отображение загрузочного бокса с привязкой к угловым данным js

Question

Я начал использовать Angular JS всего 2 недели назад и очень поражен функцией привязки данных.

Также я очень люблю использовать bootboxjs, чтобы отображать сообщения и всю информацию для пользователя.

Я просто думаю, мы можем показать привязанную к данным форму Angular JS в bootbox через специальный диалог.

Я пробовал, но я не получаю информацию infact, диалоговое окно показывает шаблон как есть, а не с данными.

Как мы можем показать данные в пользовательском интерфейсе bootbox с уже привязанными к нему данными.

Answer 1

Я предлагаю вам это очень хороший пример Plunker, как передать данные в диалоге.

Однако его не bootbox (который использует jQuery). Диалог показывает диалог, основанный только на бутстрапе и angualrJS.

Надеется, что это поможет

Answer 2

Вы должны использовать $ компиляцию.

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 3

Сейчас есть очень хороший модуль, чтобы справиться с этим с отдельным файлом шаблона! https://github.com/eriktufvesson/ngbootbox

очень приятно!