javascript - Knockout.js：バインディングに特定の値がある場合、デフォルトのテキストを設定します

Question

text=''model.idがnullの場合は常に、入力フィールド（）の値をリセットしたいと思います。

オブザーバブルオブジェクトの特定の値に応答するように入力値をバインドするにはどうすればよいですか？次のようになります。

<input type="text" data-bind="text: if (model.value == null) { '' }" />

Answer 1

?データバインド属性で演算子を使用できます。

<input type="text" data-bind="value: model.id() == null ? 'Default Value' : model.value()" />

Answer 2

ビューモデルで、次のようにプロパティの値を開始します。

var model.value = ko.observable('');

HTMLでは、コンフィショナル式を使用する必要はありません

data-bind="text: model.value"

Answer 3

これらのコードを確認してください

<input type="text" data-bind="value: id() == true? 'Value is Red' : value()" />


function viewModel() {
    this.id = ko.observable(true);
    this.value = ko.observable("Value is Green");
}
ko.applyBindings(new viewModel());

http://jsfiddle.net/d4SKr/

Answer 4

正解は、計算されたオブザーバブルを作成してラベルを取得することです。

self.getLabel = ko.pureComputed(function() {
    return this.value() === null ? 'Value is red' : value();
});

<input type="text" data-bind="text: getLabel" />