Angular 4 Error: Cannot find control with unspecified name attribute

Question

I have used google place API following this tutorial but I am getting this error below:

Cannot find control with unspecified name attribute

I have tried also this all hint stackoverflow link

Code

<div class="form-group"> 
<input #search
    type="text"
    placeholder="search for location"
    autocorrect="off"
    autocapitalize="off"
    spellcheck="off"
    class="form-control"
    [formControl]="searchControl"
    name="searchControl"> 
</div>

Dear my friend i pasted screenshot just because user can get clear idea about error.and error description is too much long. — Gauravbhai Daxini, Jan 07 '18 at 10:27

score 23 · Accepted Answer · answered Dec 14 '17 at 09:22

23

You should post some code, we're not mediums !

But seeing your error, I would say you're using reactive forms, and you forgot to create your reactive forms.

This means on your input, you have [formControl]="" or formControlName="" attribute, which can't find the corresponding variable.

Could you post the related code of that please ?

answered Dec 14 '17 at 09:22

– Gauravbhai Daxini Dec 14 '17 at 09:25
2

Man, you could have at least edited your question ... And I need your component's Typescript code too ! – Dec 14 '17 at 09:27
2

But could you try replacing `[formControl]="searchControl" ` with `formControlName="searchControl"` ? – Dec 14 '17 at 09:28
No problem ! remember to mark your issue as resolved – Dec 14 '17 at 09:38
– Gauravbhai Daxini Dec 14 '17 at 09:38

sabeena kumarawadu · Answer 2 · 2020-07-19T03:10:45.170

2

Your HTML code looks fine for me, I think this has occurred because you have not initialized searchControl variable in the corresponding JavaScript/TypeScript file.

Add this line into your class in JavaScript/TypeScript file

searchControl = new FormControl();

edited Jul 19 '20 at 03:10

answered Jul 18 '20 at 15:09

sabeena kumarawadu

151
4

Angular 4 Error: Cannot find control with unspecified name attribute

2 Answers2