Làm việc với knockoutjs attr để ghi dữ liệu * thuộc tính

Question

Tôi đang gặp sự cố với dữ liệu * thuộc tính trong knockout.js tức là. viết chúng ra với attr.

tôi có thể làm điều này mà không có một vấn đề:

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

nhưng nếu tôi muốn sử dụng data-id, cách thường xuyên không làm việc vì vậy tôi đặt một giá duy nhất xung quanh các thuộc tính:

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

cung cấp cho tôi

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 

ai đó có thể xem điều gì đã xảy ra ở đây?

Chúc mừng!

Answer 1

Bạn chỉ cần đặt dấu ngoặc kép xung quanh nó:

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

Answer 2

Dưới đây là một đoạn làm việc minh họa làm thế nào để thiết lập giá trị thuộc tính dữ liệu tùy chỉnh với Knockout:

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>

Answer 3

Bạn thậm chí không cần phải đặt dấu nháy kép hoặc đơn lẻ quanh tên attr, chỉ cần đơn giản là data-id

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