title: No value accessor for form control with unspecified name attribute Angular 2
body: <p>I'm using ng2-select Click <a href="https://valor-software.com/ng2-select/" rel="nofollow noreferrer">here</a>!
  lib but this error is show  :</p>
  
  <p>No value accessor for form control with unspecified name attribute</p>
  
  <ul>
  <li>using angular2</li>
  <li>in html file same as link in top</li>
  <li>in ts my component same as link in top</li>
  <li>in modules.ts add :
  import { SelectModule } from 'ng2-select';
  and :
  imports :[
  SelectModule ,
  ]</li>
  </ul>
  
  <p>Can anyone help me to fix this error plz ?</p>
  
  <pre><code> &lt;div style="width: 300px; margin-bottom: 20px;"&gt;
   &lt;h3&gt;Select a single city&lt;/h3&gt;
   &lt;ng-select [allowClear]="true"
            [items]="items"
            [disabled]="disabled"
            (data)="refreshValue($event)"
            (selected)="selected($event)"
            (removed)="removed($event)"
            (typed)="typed($event)"
            placeholder="No city selected"&gt;
  &lt;/ng-select&gt;
  &lt;p&gt;&lt;/p&gt;
  &lt;pre&gt;{{value.text}}&lt;/pre&gt;
  &lt;div&gt;
    &lt;button type="button" class="btn btn-primary"
          [(ngModel)]="disabledV" btnCheckbox
          btnCheckboxTrue="1" btnCheckboxFalse="0"&gt;
    {{disabled === '1' ? 'Enable' : 'Disable'}}
     &lt;/button&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>in  ts compmonent:</p>
  
  <pre><code> import { Component, OnInit } from '@angular/core';
   import { SelectItem } from 'ng-select/ng2-select'
   @Component({
    selector: 'app-api-two',
    templateUrl: './api-two.component.html',
    styleUrls: ['./api-two.component.css'],
   })
    export class ApiTwoComponent implements OnInit {
  
    constructor() { }
  
   ngOnInit() {
   }
    public items:Array&lt;string&gt; = ['Amsterdam', 'Antwerp', 'Athens', 
     'Barcelona',
    'Berlin', 'Birmingham', 'Bradford', 'Bremen', 'Brussels', 'Bucharest',
    'Budapest', 'Cologne', 'Copenhagen', 'Dortmund', 'Dresden', 'Dublin',
    'Düsseldorf', 'Essen', 'Frankfurt', 'Genoa', 'Glasgow', 'Gothenburg',
    'Hamburg', 'Hannover', 'Helsinki', 'Kraków', 'Leeds', 'Leipzig', 'Lisbon',
    'London', 'Madrid', 'Manchester', 'Marseille', 'Milan', 'Munich', 
     'Málaga',
    'Naples', 'Palermo', 'Paris', 'Poznań', 'Prague', 'Riga', 'Rome',
    'Rotterdam', 'Seville', 'Sheffield', 'Sofia', 'Stockholm', 'Stuttgart',
    'The Hague', 'Turin', 'Valencia', 'Vienna', 'Vilnius', 'Warsaw', 
    'Wrocław',
    'Zagreb', 'Zaragoza', 'Łódź'];
  
  private value:any = {};
  public valueName:string='';
  private _disabledV:string = '0';
  private disabled:boolean = false;
  
  private get disabledV():string {
    return this._disabledV;
  }
  
  private set disabledV(value:string) {
    this._disabledV = value;
    this.disabled = this._disabledV === '1';
  }
  
  public selected(value:any):void {
    console.log('Selected value is: ', value);
  }
  
  public removed(value:any):void {
    console.log('Removed value is: ', value);
  }
  
  public typed(value:any):void {
    console.log('New search input: ', value);
  }
  
  public refreshValue(value:any):void {
    this.value = value;
  }
  }
  </code></pre>
  
  <p>Thanks You.</p>