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

Question

我尝试将包含Angular material输入组件(包含在我的项目中)的HTML代码放入ng-甜蜜-alert对话框中：

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