Ng-Sweet-Alert-2中的角材料成分

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