More than 5 years have passed since last update.

Knockout.jsのforeachの$indexに+1したいとき

Posted at 2015-09-18

observableArrayをforeachでリストやテーブルで表示するとき、番号をふるのに$index使うけど、0はじまりじゃなくて1はじまりにしたい時どうするか、のメモです。

@items = ko.observableArray(["hello", "world"])

<table>
	<tbody data-bind="foreach: items">
	<tr>
		<td data-bind="text: $index() + 1"></td>
	</tr>
	</tbody>
</table>

0はじまりでふるときは

<td data-bind="text: $index"></td>

ですが、$index() + 1とすることで、インデックス値に+1した結果が表示されます。