1

更新:ここにフィドルがあります。それは私自身の実際のアプリよりも少しうまく機能しますが、それでも潜在的なバグ (または私の誤解) を浮き彫りにします。「アウトロ」トランジションが機能しないことに注意してください。

http://jsfiddle.net/k4a81fza/1/

オリジナル:

これは、親Ractive内で使用しているパーシャルです:

<script id="session_tpl" type="text/ractive">
  <div>
    <a href="#" on-tap="showDetail">
      {{#if p.project !== null}}
        <p intro-outro="fly">
          {{project}}
        </p>
      {{/if}}
    </a>
  </div>
</script>

次に、データを更新しようとしている方法を次に示します (詳細ビューを表す別の ractive から変更されます)。

daysRac.set('days[1].sessions[2].project', null);

テンプレート内の<p>タグは正常に消えますが、トランジションはありません。他のトランジションを試し、デュレーションとディレイを微調整しましたが、常に即座に削除されます。

理想的には、別のアウトロとイントロのトランジションが必要です。これは、次のような方法で実現できると考えていました。

daysRac.set(keypathToProject, null, function(){
  daysRac.set(keypathToProject, "The New Value");
});

繰り返しますが、これは に表示されるプロジェクト値を更新するために機能しますが、<p>トランジションはありません。

私が求めていることを達成する方法はありますか?

4

1 に答える 1