Полимерное связывание с inputValue и проверка работоспособности

Question

У меня есть элемент ввода-вывода, и я привязываю переменную к элементу inputValue, чтобы отображать ввод пользователя в реальном времени. Поле необходимо, поэтому, если поле пусто, компонент показывает предупреждение, как ожидалось.

Проблема возникает, когда я чищу переменную, и в этом случае статус проверки не обновляется.

Вот код:

<link rel="import" href="../polymer/polymer.html"> 
<link rel="import" href="../paper-input/paper-input.html"> 

<polymer-element name="slimy-coconut" attributes="invalid,inputValue"> 
    <template> 

    <paper-input required="true" invalid={{invalid}} inputValue={{inputValue}}></paper-input> 
    invalid: {{invalid}}<br> 
    inputValue: {{inputValue}}<br> 
    <button on-click="{{cleanInputValue}}">Clean inputValue</button> 
    </template> 
    <script> 
    Polymer('slimy-coconut', { 

     cleanInputValue: function(event, detail, sender) { 
     this.inputValue = ""; 

     } 
    }); 
    </script> 
</polymer-element> 
<slimy-coconut name="Ele Dev"></slimy-coconut> 

Здесь бегущего например: https://ele.io/fedy2/slimy-coconut

Как я могу связать с InputValue и сделать работу проверки?

Answer 1

Вы можете установить «недействительное» свойство бумаги входа в ложь - http://jsbin.com/rowehehiga/1/edit?html,output