更新:ここにフィドルがあります。それは私自身の実際のアプリよりも少しうまく機能しますが、それでも潜在的なバグ (または私の誤解) を浮き彫りにします。「アウトロ」トランジションが機能しないことに注意してください。
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>
トランジションはありません。
私が求めていることを達成する方法はありますか?