使用knockoutjs attr寫入數據*屬性

我遇到了knockout.js中數據*屬性的問題ie。用attr寫出來。使用knockoutjs attr寫入數據*屬性

我可以做到這一點沒有問題：

<input data-bind='text: Title, attr: {name: "Events[" + viewModel.events.indexOf($data) + "].Title"}'/>

，但如果我想使用data-id，正規途徑不能正常工作，所以我把周圍的屬性的單引號：

<input data-bind='text: Title, attr: {'data-id': "Events[" + viewModel.events.indexOf($data) + "].Title"}'/>

哪給我

Error: Unable to parse bindings. 
Message: SyntaxError: missing } in compound statement; 
Bindings value: attr: { 
http://127.0.0.1:21254/Scripts/knockout/knockout-2.2.0.js

有人能看到這裏出了什麼問題嗎？

乾杯！

來源

2013-01-23 MikeW

你只需把雙引號括起來：

<input data-bind='text: Title, attr: {"data-id": "Events[" + viewModel.events.indexOf($data) + "].Title"}'/>

來源

2013-01-23 02:04:09

這樣做的伎倆，謝謝。 – MikeW

@Michael Best：謝謝，你幫我解決了一個相關的問題。 – Phil

單引號'也工作。 – Andrew

下面是說明如何設置一個自定義的數據屬性值與淘汰賽工作片段：

ko.applyBindings({ 
 
    somevalue: 'foo', 
 
    title: 'Knockout custom data attribute binding -- example' 
 
}); 
 

 
$("#result").text($("#test-el").data("someattr"));

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/knockout/3.2.0/knockout-min.js"></script> 
 

 
<div data-bind="text: title, attr: {'data-someattr': somevalue}" id="test-el"></div> 
 

 
<p> 
 
    <b>Test data attribute expected value:</b> foo 
 
</p> 
 

 
<p> 
 
    <b>Test data attribute value: </b> 
 
    <span id="result"></span> 
 
</p>

來源

2016-02-03 19:07:39

您甚至不需要在attr名稱周圍放置雙引號或單引號，只需簡單地使用data-id

<input data-bind='text: Title, attr: {data-id: "Events[" + viewModel.events.indexOf($data) + "].Title"}'/>

來源

2017-10-13 06:43:52

使用knockoutjs attr寫入數據*屬性

回答

相關問題