knockout.js - 在 Knockout.js 数据绑定(bind)上添加静态文本

Question

是否可以使用以下示例将静态文本添加到数据绑定(bind):

<p data-bind="text:someProperty"></p>

我想添加如下静态文本:

<p data-bind="text:' + $' + someProperty"></p>

Answer 1

我来晚了，(并且是 Knockout 的新手)，但这是我用来在可观察对象周围添加静态文本的另一个选项。就我而言，我想在从下拉列表中选择的值周围添加括号。

javascript

...
return function AppViewModel() {
    this.myOptionValues = ko.observableArray([
        { label: "Foo", value: "Bar" },
    ]);

    this.mySelectedValue = ko.observable();

    this.myValue = ko.computed(function () {
        return this.mySelectedValue() ? '(' + this.mySelectedValue().label + ')' : '';
    }, this);
};
...

html

<small data-bind="text: myValue"></small> // (Foo)