如何在淘汰赛中检查包含

Question

我正在使用淘汰赛，并且我有一个 html 页面，我想在其中检查具有某些值的字符串。 就像我有一个字符串'A:B:C:D:F:G:H:I'，我只想在 html 中检查这个字符串，如果。 型号

 var viewModel = function () {
   var self = this;
   self.key = ko.observable("A:B:C:D:F:G:H:I");
 }

查看

<!-- ko if: key().contains('A') -->
    <input type="checkbox" checked="checked" value="A"/>
 <!-- /ko -->
  <!-- ko if: key().contains('B') -->
    <input type="checkbox" checked="checked" value="B"/>
 <!-- /ko -->

在这里假设 key 是一个字符串，我想检查 key 是否包含 A 然后做一些事情，如果 B 然后做一些其他事情。如何通过淘汰赛来实现。

Answer 1

我刚看到这个问题。即使我也遇到了同样的问题。我找到了解决方案，它可能对某人有所帮助。

 var viewModel = function () {
   var self = this;
   self.key = ko.observable("A:B:C:D:F:G:H:I");
 }

所以在你看来你可以做这样的事情

<!-- ko if: key().indexOf('A') > -1 -->
    <input type="checkbox" checked="checked" value="A"/>
<!-- /ko -->
<!-- ko if: key().indexOf('B') > -1 -->
    <input type="checkbox" checked="checked" value="B"/>
<!-- /ko -->

Answer 2

有两种方法可以检查。第一种是你可以直接检查key是否在绑定中包含A，如下所示：-

  <!-- ko if: key().contains('A') -->
    <input type="checkbox" checked="checked" />
  <!-- /ko -->

但我认为这不是更好的方法，因此您可以使用 ko.computed 来检查。

 var viewModel = function () {
   var self = this;
   self.key = ko.observable("this A is test");
   self.keyCheck = ko.computed(function () {
      var key = self.key();
      return key && key.contains('A') ? true : false
   });
 }

查看：-

  <!-- ko if: keyCheck -->
      Contains A:<input type="checkbox" checked="checked" />
  <!-- /ko -->
  <!-- ko ifnot: keyCheck -->
      Not Contains A:<input type="checkbox" value="ASM" />
  <!-- /ko -->

Fiddle Demo