使用内联函数进行文本绑定

Question

我可以使用text-binding执行类似的操作吗？：

<span data-bind="text: function(item) { return item+' something'; }">item something</span>

目前，我得到了类似的内容：

<span data-bind="text: function(item) { return item; }">function(item){ return item;}</span>

我知道optionsText这可行。

这里做什么？

Answer 1

您无法将函数绑定到text绑定，但您可以采取一些路径来实现目标：

• 在viewModel中创建computed

• 解开绑定中的observable

• 使用knockout.punches

显式计算

this.item = ko.observable()
this.transformedItem = ko.pureComputed(function() {
  return this.item() + ' something'
})

以HTML格式展开observable

<span data-bind="text: item() + ' something'"></span>

knockout.punches

<span>{{item}} something</span>