Knockout绑定处理程序传递对象数组

Knockout binding handler pass array of objects

本文关键字：对象 数组 程序 绑定 处理 Knockout      更新时间：2023-09-26

是否可以为绑定处理程序传递带有方括号的数组值？，即：

<div data-bind="validator: [{class: RequiredValidator}, {class: EmailValidator}]"></div>

它适用于一个对象：

<div data-bind="validator: {class: RequiredValidator}"></div>

类值是不可观察的，只是javascript对象。

它抛出Message: Unexpected token )错误。

或者我需要一些其他语法？我可以用物体把它包起来，但不喜欢。

我拍摄了这个问题的项目快照，可在此处获取：http://balin.maslosoft.com/array-validators/dev/validator.php

打开控制台，对象验证器将显示配置，而数组将失败。

下面是一个极小的例子：http://jsfiddle.net/piotr/fu8d0hm3/

它适用于这些。问题可能出在绑定处理程序中？

ko.bindingHandlers.validator = {
  init: function(el, va) {
    var value = va();
    console.debug(value);
  }
};
vm = {
  something: ko.observable('hi')
};
ko.applyBindings(vm);
<script src="https://cdnjs.cloudflare.com/ajax/libs/knockout/3.2.0/knockout-min.js"></script>
<div data-bind="validator: ['one']"></div>
<div data-bind="validator: [something()]"></div>
<div data-bind="validator: [{class: something()}, {class:'whatever'}]"></div>

您只需要将VALIDvalue设置为要传递的key。在您的情况下，RequiredValidator没有定义，所以请将其放在引号中以解决问题。

视图：

<div data-bind="validator: [{class: 'RequiredValidator'}, {class: 'EmailValidator'}]"></div>

view模型：

ko.bindingHandlers.validator = {
  init: function(element, valueAccessor) {
    console.log(valueAccessor()); //check console window for o/p
  }
}
ko.applyBindings();

检查样本此处

事实证明，双向绑定的knockout-es5修改存在问题。

原始插件不受影响。我创建了pull请求来解决这个问题。

问题是绑定预处理，如果传递数组值，则会生成无效代码。

相关文章：