ractivejs

    0熱度

    1回答

    我正在試驗一些我在網上發現的購物車的舊代碼,試圖讓它與0.8版本一起工作(我知道0.9和1.0是可用的,但是說到後來...) 我已經成功地更新所有代碼,除了一行: <span class="cart-list__item-discard discard-from-cart fa fa-lg fa-trash" on-click="discard:{{i}}"></span> 它返回此消息: Pro

    0熱度

    1回答

    我正在升級到1.0.0 build9版本。 (守則通過了所有的測試與REV 0.7.3) 在模板中我有一個元素: <div on-click='complaint_{{id}}_edit_cancel()'/> 該屬性內的鬍子插值導致解析器錯誤。我意識到可能有其他方法將此變量傳遞給事件處理函數,但應該如何處理這種插值以避免觸發解析器錯誤?

    0熱度

    1回答

    裁判:this jsfiddle (我不知道這是否是一個Ractive問題或一個普通的老JavaScript的問題) 我有一個Ractive模型, 「項目」: window.item = new Ractive({ el: "#container", template: "<p>words</p>", oninit: function() { window.littl

    0熱度

    1回答

    https://jsfiddle.net/zFiddler/gm9k4mrc/1/ 有鑑於此: var view = new Ractive({ el : '#container', template : "{{#item}}<a href='#' on-click='doSomething'>Do Something</a>{{/}}", data : {item

    0熱度

    1回答

    我有一個組件更新它的父項上的一個數組。具體而言,它需要添加,並且創建了一個全新的陣列,該陣列已被排序,覆蓋原始陣列。 var sortedUpdatedDomainNames = updatedProposedDomainNames.sort(sorts.domainName) // even though we sort them, after setting the value, getti

    1熱度

    1回答

    我想使用Ractive.js和Redux創建簡單的ToDo應用程序,但我遇到了在頁面上呈現多個組件的問題。 Javascript代碼: import Ractive from 'ractive'; import template from './Home.html'; import './Home.less'; import { AddToDoForm, ToDoList } from '

    0熱度

    1回答

    使用RactiveJS,Redux和Gridstack製作應用程序。 當新的小部件被添加時,一切正常,小部件也可移動/可調整大小。但是,當我刪除所有小部件並添加,例如,兩個新的,然後: 部件無法移動,無法調整大小。如圖: 當試圖刪除它的小部件消失,但其他小部件改變他們的位置。 jsFiddle is provided as follows 你可以看到正確的部件被移到右側,但辦理停留在哪裏。那麼爲什

    0熱度

    1回答

    我正在研究一個表示表的Ractive js組件。它工作正常,但最近我添加了一些功能:過濾器,狀態欄,左列複選框,表頭。這個表格組件在整個應用程序中都被使用。 問題是,在不同的地方,我只需要這些功能的一些組合。在目前的實現中,我在模板中有很多ifs,我想擺脫它們。 目前我想使用decorator pattern,但不知道如何實現這一點,尤其是因爲我需要弄亂核心表模板。 表模板: {{#if stat

    0熱度

    2回答

    我有一個修改數組的Ractive實例。當新值出現在數組中時,我想要突出顯示相應的元素。我目前通過對新創建的元素進行一些樣式來做到這一點。 這是jsfiddle。 var ractive = new Ractive({ el: 'main', template: ` <h1>Hello {{name}}!</h1> {{ #things:index }}

    0熱度

    1回答

    條件註釋不Ractive工作,我嘗試這些至今: 1) 模板: <li class="header-link"> <!--[if !IE]><a href="{{url}}">BROWSE</a><![endif]--> <!--[if IE]><a href="{{url}}">BROWSE</a><![endif]--> </li> 輸出: <li class="hea