首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >使用包含前缀的knockoutjs设置id属性

使用包含前缀的knockoutjs设置id属性
EN

Stack Overflow用户
提问于 2012-09-20 16:03:38
回答 4查看 62.8K关注 0票数 78

我正在使用KnockoutJS遍历一个对象,如下所示:

现在,这一切都起作用了。但我遇到的问题是它将buttonid设置为一个数字。所以看起来是这样的:

代码语言:javascript
复制
<button id="1">Button 1</button>
<button id="3">Button 2</button>
<button id="8">Button 3</button>

所以我试着在'Id‘属性前面加一个前缀,如下所示:

代码语言:javascript
复制
<div data-bind="foreach:Items">
    <button data-bind="text: Name, attr: {'id': 'myprefix_' + Id}"></button>
</div>

但这似乎并不管用。当我这样做时,我的id会被一些击倒可观察到的函数填充。

所以我的问题是,在指定字段的id属性时,如何添加前缀?

EN

回答 4

Stack Overflow用户

回答已采纳

发布于 2012-09-20 16:23:38

如果Id是一个可观察对象,则必须将其“解包”:'myprefix_' + Id()

票数 58
EN

Stack Overflow用户

发布于 2013-12-19 09:13:53

实际上我今天用了这个--来解开我不得不做的可视对象:

代码语言:javascript
复制
<button data-bind="attr: { id: 'prefix_' + $index() }"> Send </button>

希望这能有所帮助。

票数 73
EN

Stack Overflow用户

发布于 2013-11-15 03:32:17

我认为最好使用$index,例如

代码语言:javascript
复制
<div data-bind="foreach:Items">
    <button data-bind="text: Name, attr: {id: 'myprefix_' + $index() }"></button>
</div>
票数 29
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/12508404

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档