Question

是否可以使用方括号传递数组值来绑定处理程序？，即：

<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/

Answer 1

您需要将有效 value设置为您要传递的key。在您的情况下，RequiredValidator未定义，因此请将其保留在引号中以解决问题。

查看：

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

<强>视图模型：

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

检查示例 here

Answer 2

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

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>

Answer 3

事实证明knockout-es5修改了two-way bindings是个问题。

原始插件不受影响。我已创建pull request来解决此问题。

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

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

3 个答案: