没有用于角度控制的格式控件的值访问器（角度5中具有未指定的名称属性）

Question

HTML code

<li class="dropdownfilter" *ngIf="this.arr.inclues('Male')" (click)="getValueGender('Male',1,)" [(ngModel)]="M"><a>Male</a></li>

I'm facing the below exception

ERROR Error: No value accessor for form control with unspecified name attribute

So I have added

<li class="dropdownfilter" name="gendermale" *ngIf="this.arr.inclues('Male')" (click)="getValueGender('Male',1,)" [(ngModel)]="M"><a>Male</a></li>

Now facing the below exception

ERROR Error: No value accessor for form control with name: 'gendermale'

I'm facing this exception in many places of my code.

<div class="col-sm-8 col-xs-8 contact">
    <input  id="passphn{{bus.busServiceId}}" (keyup)="onKeyPress($event)" class="form-control contact-number" type="text" [(ngModel)]="contactNumber" name="contact-number" placeholder="Phone" required pattern="(?<!\d)\d{10}(?!\d)" minlength="10" maxlength="10" />
    <div class="shake-tooltip-web-mobile" *ngIf="webMobileError != ''">{{webMobileError}}</div> <!-- Facing the same exception here -->
</div>

<div class="panel-body" *ngIf="dropingView == 'show'"> <!-- Here too -->

Answer 1

First of all, you can't access with this.x in html.

<li class="dropdownfilter" *ngIf="arr.inclues('Male')" (click)="getValueGender('Male',1)"><a>Male</a></li>

Secondly, li tag doesnt have name attribute nor supports [(ngModel)] because it requires value property. ngModel is an angular build in directive. Two-way binding uses the syntax as [()], Property binding uses the syntax [] and Event binding uses the syntax as parenthesis ().