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

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

1 个答案: