javascript - AngularJS と CKEditor を使用して Controller スコープ内に CKEditor インスタンスを追加する方法

Question

彼はそこにいて、

最近、Angular JS を試しています。コントローラー、サービスなど、すべてがうまくいきます。

ng-controller 内にある Div を編集可能にしようとすると、ckeditor ツールバーがポップアップしません。コントローラー外の他の div は正常に機能します。

HTML:

<!-- BEGIN Dynamic Content with AngularJS -->
    <div id="js_enabled" class="js_enabled" ng-controller="boxes_controller">
        <div class="box" ng-repeat="box in boxes" style="min-width: {[{ boxes_width }]}%; width:  {[{ boxes_width }]}%; max-width: {[{ boxes_width }]}%;">
            <p contenteditable="true"> asd</p>
            <div class='box-content'>
                    <p>
                    <b>{[{ box.title }]}</b><br/>
                    {[{ box.description }]}
                    </p>
            </div>
        </div>
    </div>
<!-- END Dynamic Content with AngularJS -->

{[{}]} は補間オーバーライドです。テスト用に contenteditable を持つ小さな'p' 要素があることがわかります。それは ckeditor バーを表示しない要素です。CSSではないことをテストしました。ckeditor のツールバー DIV 要素は作成されておらず、エラーもありません。

PS。コントローラーのスコープ外で他の要素を編集可能にすると、すべてがうまく機能します。