How to use Angular2 ngModel for Polymer paper-input? ERROR: No value accessor for ''

Question

This is my first question, I'm using angular2.beta.8, polymer 1.0, typescript. I'm having a problem when I use ngModel data binding with polymer paper-input element

Basically nothing more than an element with ngModel and variable in the class. Running that creates this error: No value accessor for ''

I started to use polymers with angular 2 just recently, and maybe this is noobie question, but I can't seem to find any information covering this topic.

I have searched for this error for quite some while and I feel like I have no options left other than ask you guys.

Günter Zöchbauer · Accepted Answer · 2016-05-12T09:07:22.650

4

You need to add ngDefaultControl

<paper-input [(ngModel)]="myModel" ngDefaultControl></paper-input>

See also https://github.com/angular/angular/issues/5360

edited May 12 '16 at 09:07

answered Mar 08 '16 at 12:54

Günter Zöchbauer

623,577
216
2,003
1,567

You are god. Thank you. :) – Chakijs Terzētājs Mar 08 '16 at 12:56
1

there's a typo on the closing tag. , it should be . trivial, but does not allow to copy&paste the snippet :) – Fr.Usai May 12 '16 at 09:04
Thanks a lot @Fr.Usai ! Fixed. – Günter Zöchbauer May 12 '16 at 09:07
This doesn't work for me. I remember it used to work but with angular 2.1.0 it doesn't. Anything changed? – Praveen Puglia Jan 17 '17 at 06:50
Sorry, no idea. Haven't used it since then. – Günter Zöchbauer Jan 17 '17 at 06:52
@GünterZöchbauer Do you know of any way you can avoid using `ngDefaultControl`? I have a wrapping container as a layer of abstraction on a 3rd party component (ngPrime autocomplete) with `formControl`. – GFoley83 Feb 20 '17 at 09:45
You shouldn't need `ngDefaultControl` at all with Angular components. Angular components should implement `ControlValueAccessor`. – Günter Zöchbauer Feb 20 '17 at 09:46

How to use Angular2 ngModel for Polymer paper-input? ERROR: No value accessor for ''

1 Answers1

Linked