如何使用淘汰赛js添加数据破折号属性答案

【问题标题】：How to add data dash attribute using knockout js如何使用淘汰赛js添加数据破折号属性
【发布时间】：2018-11-12 23:00:17
【问题描述】：

我需要 data-id、data-action 等属性

<div class="dd" id="nestable3">
        <ol class="dd-list">
            <li class="dd-item dd3-item" data-id="13">
                <div class="dd-handle dd3-handle">Drag</div><div class="dd3-content">Item 13</div>
            </li>
            <li class="dd-item dd3-item" data-id="14">
                <div class="dd-handle dd3-handle">Drag</div><div class="dd3-content">Item 14</div>
            </li>
            <li class="dd-item dd3-item" data-id="15">
                <div class="dd-handle dd3-handle">Drag</div><div class="dd3-content">Item 15</div>
                <ol class="dd-list">
                    <li class="dd-item dd3-item" data-id="16">
                        <div class="dd-handle dd3-handle">Drag</div><div class="dd3-content">Item 16</div>
                    </li>
                    <li class="dd-item dd3-item" data-id="17">
                        <div class="dd-handle dd3-handle">Drag</div><div class="dd3-content">Item 17</div>
                    </li>
                    <li class="dd-item dd3-item" data-id="18">
                        <div class="dd-handle dd3-handle">Drag</div><div class="dd3-content">Item 18</div>
                    </li>
                </ol>
            </li>
        </ol>
    </div>

我需要创建属性 data-id="13"。如何使用淘汰赛 js attr 绑定创建它...

【问题讨论】：

到目前为止你有什么？你有没有读过attr binding documentation它在最后有一个关于数据破折号属性的部分......
Working with knockoutjs attr to write data* attributes的可能重复
Knockout JS - CSS Binding with dash in class name的可能重复

标签： knockout.js

【解决方案1】：

使用 attr 绑定data-bind="attr: {'data-id': id}"

【讨论】：