问题描述
有人可以向我解释如何使用(导航到验证部分?
< core-input ... validate =test()error =error in the input>< / test>
这里是测试的定义:
function test()
{
return true;
}
这样我总是会收到一些错误信息:inout中的错误。
如何使这件事情成功?
聚合物通常不接受属性中的JavaScript,因此 core-input
不接受 validate =test()$ c
$ b input.validate = function($ c $> $ c>)语法。您必须直接将方法安装到元素上,如下所示: ){...}
在支持数据绑定的情况下,可以使用发布的 invalid
属性:
< core-input invalid ={{inputValue |验证}}...
其中验证
是一个接受一个字符串并返回一个布尔值的模型的方法。
例如,在一个元素中:
< template>
< core-input invalid ={{inputValue |聚合物({
isInvalid:function(value){return false;}
});
< / script>
Can someone explain me how to use the function validation of this Polymer element (navigate to the "validate" section?
<core-input ... validate="test()" error="error in the input"></test>
Here is definition of test:
function test()
{
return true;
}
This way I always get some error message about: "error in the inout".
How can I make this thing work?
解决方案 As a security precaution, Polymer in general doesn't accept JavaScript in attributes. So, core-input
doesn't accept validate="test()"
syntax. You would have to install the method directly onto the element, like so:
input.validate = function() { ... }
Where data-binding is supported, you can use the published invalid
property:
<core-input invalid="{{inputValue | validate}}" ...
where validate
is a method on the model that takes a string and returns a boolean.
For example, in an element:
<template>
<core-input invalid="{{inputValue | isInvalid}}" ...
</template>
<script>
Polymer({
isInvalid: function(value) { return false; }
});
</script>
这篇关于核心输入上的聚合物使用功能验证的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!