角材料组件在吴-甜警报-2

Question

我尝试把一个HTML代码，其中包括NG-甜警告对话框角材料输入组件（包含在我的项目）：

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);