javascript - Ng-Sweet-Alert-2 中的 Angular 材质组件

Question

我尝试在 ng-sweet-alert 对话框中放置一个包含 Angular 材料输入组件（包含在我的项目中）的 HTML 代码：

 var strVar="";
  strVar += "<div> <md-input-container style=\"padding-left:0px;\" flex=\"\">   

<label>Titel<\/label> <input ng-model=\"WBQuery.Titel\"> 
  <\/md-input-container> <\/div>";

swal({   
    title: 'HTML example',   
    html: strVar });
}

但显示的只是 HTML 的标准输入字段。是否有任何（黑客）方法可以在该对话框中使用角度材料组件？

Answer 1

我没试过，但你可以试试这个。调用该swal函数后，请尝试以下操作：

（假设您在指令或控制器中执行此操作）

var element = angular.element(document.querySelector(".sweet-alert"));
$compile(element.contents())($scope);

如果这不起作用，请尝试将上述代码放入$timeout服务中：

$timeout(function() {
    var element = angular.element(document.querySelector(".sweet-alert"));
    $compile(element.contents())($scope);
}, 2000);