2014-06-28 4 views
2

Может кто-нибудь объяснить мне, как использовать функцию валидации this Polymer element (перейдите в раздел «Подтвердить»Polymer использование функции проверки на колонкового входе

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

Вот определение теста:

function test() 
{ 
    return true; 
} 

Таким образом, я всегда получаю какое-то сообщение об ошибке о:. «ошибке в INOUT»

Как я могу сделать эту работу вещи

?

ответ

2

В качестве меры предосторожности, 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> 
+0

Спасибо! один несвязанный вопрос, планируется ли его работа с AngularJS без какой-либо третьей части lib? – vlio20