rivets.js

-1熱度

1回答

我想要做一個簡單的顯示/隱藏使用Rivets JS（以前使用Aurelia）。我認爲我有正確的代碼來完成這項工作後，通過各種網站查看，但它似乎沒有工作。我的HTML： <div id="Payments"> <h1 rv-text="data.title"></h1> <div class="col-md-4"> <select rv-value="data.

0熱度

2回答

如何解析rivets.js的值？

我正在使用基於Django的Dashing框架。 HTML使用Rivets.js約定將數據綁定到腳本文件。 <div rv-status-color="value"> <h1>{ title }</h1> <h2>{ value }</h2> <p class="detail">{ detail }</p> <p class="more-info" rv-s

1熱度

1回答

Rivet.js中的雙向粘合劑

我已經在rivets.js中創建了一個綁定到給定模型中的元素的多個屬性的綁定器。我想在JavaScript中爲我的模型對象綁定一個綁定器。 //Model var login = { test1 : {text:"myData1",color:"myColor1"}, test2 : {text:"myData2",color:"myColor2"} }

-2熱度

1回答

與骨幹鉚釘：href/onclick屬性調用方法（函數）

我想要做的就是調用一個函數如下，進一步我想通過當前元素（項目）作爲參數。 <tr rv-each-item="items:models"> <td><a href="javascript:selectedItem(item);">{ item:Name }</a></td> </tr> var selectedItem = function (item) { conso

2熱度

1回答

如何在RivetsJS中處理遞歸嵌套組件？

我目前有一個模型，在父 - 子關係中與自身相關。我需要能夠在頁面上以樹狀結構顯示這些結構（即嵌套<li>項目）。每個<li>項目將具有基礎HTML結構，該結構具有各種數據綁定和事件處理程序（全部使用Rivets.js實現）。我最初的想法是創建一個帶有Rivets.js的component，然後將它嵌入到它自己內部。但是，我似乎無法圍繞如何初始化這些內容並將其插入到DOM中。這裏是我想什麼能夠做

1熱度

1回答

Rivets.js綁定不止一次

我正在使用Rivets.js並希望綁定到多個數據對象。當我綁定兩次後，綁定什麼都不做。我試圖綁定第二個數據對象，但沒有運氣，試圖解綁第一個綁定。

0熱度

1回答

在不工作

我從服務器獲取與循環中的數據值數據，然後我會在HTML DOM根據數據加上鉚釘模板rivets.js動態添加組件，這是我的HTML代碼 <div rv-each-mod='not.module'> <div rv-templatemod="mod"></div> </div> <template id="h_title"> <div class="notice-tp n

0熱度

1回答

Django-Dashing自定義小部件HTML位置

我正在使用Django-Dashing框架（https://github.com/talpor/django-dashing），我無法弄清楚我的HTML文件放置在我正在使用的自定義小部件的位置。我在我的dashboard.html文件中有以下代碼，它正在正確加載。 {% extends 'dashing/base.html' %} {% load staticfiles %} {% blo

1熱度

1回答

設置在環路鉚釘JS其他屬性

我在revets.js這樣一個循環： <ul> <li rv-each-article="main_content.latest_articles"> <p rv-on-click="controller.onArticleClick" rv-text="article.title" data-url="article.url"></p> </li>

0熱度

1回答

rivets.js自定義粘合劑參數

我剛纔說rivets.js活頁夾，並有一個簡單的問題。在我的html文件中，我有一個自定義綁定器，如<div rv-dashing-graph="mydata"></div>，它將「mydata」的值返回給我的綁定器。在此，我用它來設置屬性爲這個值： rivets.binders['dashing-graph'] = function binder(el, data) { if (!data)