私は AngularJS を学習していますが、ダイアログに問題があります。
アプリを従来の Jquery ベースから角度のあるアプリに変換しているので、Fancybox を使用して、fancybox の open メソッドを使用して、内部にカスタムの動的 HTML を含むダイアログを開きたいと考えています。
$.fancybox.open(html);
fancybox を使用するサービスを作成しました。ダイアログを開きますが、ダイアログ内のコンテンツが angular に対して「コンパイル」されていないため、その HTML に設定された angular ディレクティブは機能しません。
例を見る
http://plnkr.co/edit/UwryF1ocleyND7zxCGJz?p=preview
問題はサービスにあると思いますが、修正方法がわかりません。ダイアログに表示される HTML 内で、Angular ディレクティブに適した HTML を取得する方法を教えてください。
更新：
$compileを使用して、サービスの代わりにディレクティブを設定しようとしました (ng-click からディレクティブ内のメソッドを直接呼び出します)
http://plnkr.co/edit/Y18bRSMdV62VObMGJ2Ie?p=preview
今何が悪いの？なぜ$compile期待どおりに動作しないのですか?