javascript - Knockout - 将 CSS 类分配给 View 模型的输入

Question

我有一个 View 模型，它具有可观察的“yearsOld”，它绑定(bind)到 html 输入。

<input type="text" data-bind="value:yearsOld">

    var viewModel = {
      yearsOld: ko.observable("");
    }

有什么方法可以将 css 类添加到 viewModel 的输入中吗？我问的原因是因为我需要向绑定(bind)到yearsOld的输入添加一个名为“正整数”的css类，以便我的第3方jQuery库将限制该绑定(bind)输入字段上的非数字输入。

注意:我知道 css binding该 knockout 提供了放置在输入字段上的功能，但这对我没有帮助，因为 CSS 不一定是动态的。我只是希望能够将 css 类放在 viewModel 的输入上，而不是将其直接放在每个单独的输入上。即使这对你来说没有意义，我只是好奇这是否可能。

Answer 1

这当然是可能的，并且您可以通过 css 绑定(bind)来完成。我不明白为什么你认为 css 绑定(bind)对你不起作用。

我的做法是这样的:

<input data-bind="value: yearsOld, css: { 'positive-integer': positiveIntegersOnly }" />

var viewModel = {
   yearsOld: ko.observable(),
   positiveIntegersOnly: ko.observable(false)
}

要应用“正整数”类:

viewModel.positiveIntegersOnly(true);