knockout.js - ノックアウトアレイn-1

Question

ユーザーに表示したい値の配列があります。それらを0からではなく1からリストするにはどうすればよいですか。

HTML

<div id="EditSongContent">
    <div>Verses</div>
        <div data-bind="foreach: Verses">
            Verse: <span data-bind="text: $index"></span>
            <textarea data-bind="value: Verse"></textarea>
        </div>
    <div>Refrain</div>
<textarea data-bind="value: Refrain"></textarea>
</div>

ViewModel

viewSongModel = {
    Song_Title: ko.observable(),
    Order: ko.observable(),
    Refrain: ko.observable(),
    Verses: ko.observableArray()
}

順序は、詩とリフレインの組み合わせのリストです。1、r、2、r。この問題にとってはそれほど重要ではありません。

Answer 1

$index観察可能です。したがって、1つのオプションは次のように指定することです。

data-bind="text: $index() + 1"

Answer 2

代わりに、この foreach バインディングはどうですか:

data-bind="foreach: Verses.slice(1)"