活動過渡不適用於部分更新

更新：這裏是小提琴。它比我自己的真實應用程序好一點，但仍然突出了一個潛在的錯誤（或者我的誤解）。請注意，「outro」轉換不起作用。活動過渡不適用於部分更新

原文：

這是一個部分我用父母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>顯示的項目價值，但沒有轉變。

有沒有辦法完成我所追求的？

來源

2014-09-19 Jed

基本過渡似乎正常工作：http://jsfiddle.net/1zpqshfa/1/。檢查控制檯以查看是否沒有加載消息。否則，數據或模板引用可能不是您所期望的。 – martypdx 2014-09-19 19:55:22

這可能是一個錯誤，我提交了issue on GitHub。

問題是在轉換開始之前活動更新{{description}}到null。它works correctly如果您不使用表達式，即如果您將{{#if description !== null}}更改爲{{#if describtion}}。

來源

2014-09-27 14:35:38

啊好趕上馬丁。使用除了檢查null之外的東西應該爲我解決它。謝謝！ – Jed 2014-09-27 20:37:48

活動過渡不適用於部分更新

回答

相關問題