Question

有人可以解释我如何使用this Polymer element的功能验证（导航到“验证”部分吗？

<core-input ... validate="test()" error="error in the input"></test>

以下是测试的定义：

function test()
{
     return true;
}

这样我总会收到一些错误消息：“inout中的错误”。

我怎样才能让这件事有效？

Answer 1

作为安全预防措施，Polymer通常不接受属性中的JavaScript。因此，core-input不接受validate="test()"语法。您必须将方法直接安装到元素上，如下所示：

input.validate = function() { ... }

如果支持数据绑定，您可以使用已发布的invalid属性：

<core-input invalid="{{inputValue | validate}}" ...

其中validate是模型上接受字符串并返回布尔值的方法。

例如，在元素中：

<template>
  <core-input invalid="{{inputValue | isInvalid}}" ...
</template>
<script>
  Polymer({
    isInvalid: function(value) { return false; }
  });
</script>

聚合物在核心输入上使用功能验证

1 个答案: