0

AngularUI ディレクティブ ui.tinymce および ui.sortable を使用して、AngularJS でプロジェクトを構築しています。

これが私のコードです：

<ul ui-sortable="sortableOptions"  ng-model="appData.data">
<li ng-repeat="box in appData.data" boxlistitem>
    <textarea ng-model="box.title" value="{{box.title}}" class="tinyMCE" ui-tinymce="tinymceOptions"></textarea>
</li>
</ul>

基本的にはうまく機能しますが、リスト項目の 1 つを並べ替えると奇妙なことが起こります - tinyMCE が機能しなくなりました (添付の画像を参照してください - 左の画像は想定どおりです)。

ここに画像の説明を入力 ここに画像の説明を入力

何が問題なのですか？

ありがとう、ダニエル

4

1 に答える 1

1

ダニエル、

これは既知の問題です。私は ng-include を使用して問題を解決し、tinymce テキストエリアがそこに含まれるようにしました。

このような：

<ul ui-sortable="sortableOptions"  ng-model="appData.data">
  <li ng-repeat="box in appData.data" boxlistitem ng-include src="box.template_name">
  </li>
</ul>
<script type="text/ng-template" id="tinymce_module">
  <textarea ng-model="box.title" value="{{box.title}}" class="tinyMCE" ui-tinymce="tinymceOptions"></textarea>
</script>

コントローラーでは、次のようなことを行う必要があります。

$scope.sortableOptions =
  update: (e, ui) ->
    box.template_name = ""
    $timeout ->
      box.template_name = "tinymce_module"
    ,0

{{box}} を sortableOptions の update 関数に渡す方法を見つけてください。これにより、すべてのデータで tinymce プラグインがリロードされます。

幸運を。

于 2013-08-21T14:19:13.193 に答える