javascript - angularjs を使用して DOM に新しい要素を追加しても開始されない

Question

さらに説明すると、

angular-summernote を使用しており、DOM 内に新しい WYSIWYG エディター インスタンスを挿入するディレクティブを使用しています。ただし、DOM に挿入すると、おそらく init が既に起動されているため、新しいエディターが読み込まれません。

ここに私が使用しているディレクティブと、機能するjsFiddleがあります。エディタータグを挿入しますが、別のエディターを生成/開始しません: JSFiddle

angular.module('summernoteDemo', ['summernote'])
    .directive('addSummernote', function () {
    return function (scope, element, attrs) {
        element.click(function () {
            element.parent().find(".summernotes").append('<summernote></summernote>');
        })
    }
})

新しい挿入を「リッスン」してエディターを適切にロードするようにするにはどうすればよいですか? これを行うより良い方法はありますか？$watch と $compile を使用してみましたが、適切に使用できなかったと思います。T