ОБНОВЛЕНИЕ: вот скрипка. Оно работает немного лучше, чем мое собственное настоящее приложение, но все же указывает на потенциальную ошибку (или мое недоразумение). Обратите внимание, что переход "заключительный" не работает.
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>
Вот как я пытаюсь затем обновить данные (которые изменяются с помощью другого метода, который представляет собой подробное представление):
daysRac.set('days[1].sessions[2].project', null);
Тег <p>
в шаблоне успешно исчезает, но без перехода. Я пробовал другие переходы и настраивал длительность и задержку, но всегда просто мгновенно удалялся.
В идеале мне нужны разные переходы между финалами и вступлениями, которых, как я думал, можно добиться с помощью чего-то вроде этого:
daysRac.set(keypathToProject, null, function(){
daysRac.set(keypathToProject, "The New Value");
});
Опять же, это работает для обновления значения проекта, отображаемого в <p>
, но без переходов.
Есть ли способ добиться того, что мне нужно?