剔除检查 - 绑定到字符串文字

Question

我有一个数据存储在具有关联数据类型（文本、复选框、密码等）的名称/值对中，

我尝试使用淘汰赛来绑定选中的属性，如下所示

<input type="checkbox" data-bind="checked: $root.Value">

我的问题是值作为字符串文字输入，所以我不是获取 (true) 的值，而是像这样 ("true") 得到它。无论 "true"/"false" 它会自动将其标记为 true。

我希望能够运行一个简单的函数来测试它是否为“true”/“false”，如果是，则返回布尔值，这样淘汰赛将正确绑定。

有什么建议吗？

更新：数据基本上采用以下格式

    {
      "ID": 276,
      "Name": "DefaultIsCallToOrder",
      "Value": "false",
      "Sequence": 7,
      "DataType": "checkbox",
    },
    {
      "ID": 277,
      "Name": "DefaultIsFeatured",
      "Value": "false",
      "Sequence": 8,
      "DataType": "checkbox",
    },

Answer 1

您可以向视图模型添加计算值，请参阅 jsFiddle：

<input type="checkbox" data-bind="checked: isChecked()" /> My check box <br/>

---

function AppViewModel(someValue) {
    this.checkBoxValue = someValue;
    this.isChecked = ko.computed(function() {
        return this.checkBoxValue == "true";   
    }, this);
}

ko.applyBindings(new AppViewModel("true"));

作为替代方案，您当然可以进行比较直接使用视图中的字符串值，但这会破坏视图与视图模型分离的目的：

<input type="checkbox" data-bind="checked: checkBoxValue=='true'" /> My checkbox is here

Answer 2

现在有一种比在视图模型上创建属性更简单的方法，即使用 checkedValue 绑定（在版本 3.0 中添加）：

<input type="checkbox" data-bind="checked: $root.Value, checkedValue: 'true'" />

来自 http://knockoutjs.com/documentation/checked-binding.html ：

附加参数

• 检查值

如果您的绑定还包含checkedValue，则这定义了值
由已检查的绑定使用，而不是元素的 value 属性。
如果您希望该值不是 a 以外的值，这很有用
字符串（例如整数或对象），或者您想要设置的值
动态地。

Answer 3

如果我理解正确的话，您可以创建一个 JavaScript 函数来调用它来进行比较：

<script type="text/javascript">
function isTrue(val) {
   return (val === "true");
}
</script>

然后将您的输入修改为如下所示：

<input type="checkbox" data-bind="checked: isTrue($root.Value)">