使用每个项目在KnockoutJS中创建编号列表's在可观测数组中的位置
Create numbered list in KnockoutJS using each item's position in an observable array for the numbers
我想创建一个编号列表,并使用knockout来绑定数据。数据绑定工作得很好,但我无法想出一种方法来根据数字在可观察阵列中的位置平滑地生成数字。可观察的数组将来可能会有所不同,所以我希望通过knocket来动态处理列表的编号。
这是我的html:
<ul class="nav nav-list" data-bind="foreach: sidebarItems">
<li class="" data-bind="css: isActive">
<a href="#dropdowns" data-bind="text: text"></a>
</li>
</ul>
这是我的Javascript代码:
self.sidebarItems = ko.observable([
{text: 'Option'},
{text: 'Option'},
{text: 'Option'},
{text: 'Option'},
{text: 'Option'}
]);
我希望列表显示:
1-选项
2-选项
3-选项
等等
请参阅文档:http://knockoutjs.com/documentation/foreach-binding.html
使用$index
:
<ul class="nav nav-list" data-bind="foreach: sidebarItems">
<li class="" data-bind="css: isActive">
<a href="#dropdowns" data-bind="text: $index() + text()"></a>
</li>
</ul>
2个选项。
- 将您的
ul
更改为ol
- 使用敲除
$index
变量(如前臂中的text:$index
)
相关文章:
- jquery试图按名称获取按钮位置
- 我可以获得相对于被点击元素的确切点击位置吗
- 谷歌地图固定位置覆盖
- 在单击任何位置时隐藏元素,而不检查每次DOM单击
- 循环比赛位置算法
- es6 相当于下划线查找位置
- jQuery循环在特定位置暂停
- 引导程序:在导航栏中,显示悬停在单个位置的基于Li Link的不同内容
- 自定义函数中的光标位置
- 安卓平台上的QWebView HTML5地理位置
- DIV并排,位置不正确
- 使用jQuery更改元素的顶部位置
- 在谷歌地图上绘制位置数据库
- 跟踪jqplot垂直折线图的鼠标位置
- 设置画布渲染器的x和y位置
- 固定位置菜单时滚动,直到它击中一个相对容器的底部
- 根据页面的位置突出显示文本中的字符
- 传单缩放控制位置错误
- 如何将返回的值应用于多个不同位置的多个选择器
- Possibile使用Manifest v2下的HTML5地理位置API将lat/long转换为国家/地区