1

Angular マテリアル入力コンポーネント (私のプロジェクトに含まれています) を含む HTML コードを ng-sweet-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 の標準入力フィールドだけです。そのダイアログで角度のあるマテリアル コンポーネントを使用する (ハッキング) 方法はありますか?

4

1 に答える 1

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);
于 2015-12-30T09:05:14.163 に答える