聚合物的使用功能驗證

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>