title: Two way data binding is not working with ng-select in angular 9+
body: <p>I am working on an angular project where I need to assign a default value to the ng-select dropdown, but it is not working, and not updating on the dropdown change.</p>
  <p>here is the code.</p>
  <p>template code</p>
  <pre><code>  &lt;ng-select
    [items]=&quot;countries&quot;
    class=&quot;text-capitalize&quot;
    bindValue=&quot;id&quot;
    [closeOnSelect]=&quot;true&quot;
    [(ngModel)]=&quot;defaultCountry&quot;
    [searchable]=&quot;true&quot;
    (change)=&quot;changeCountry($event)&quot;
    placeholder=&quot;{{
      _translate.currentLang == 'en'
        ? 'Country'
        : _translate.currentLang == 'ps'
        ? 'هیواد'
        : 'کشور'
    }}&quot;
    [formControlName]=&quot;countryControlName&quot;
  &gt;
    &lt;ng-template ng-label-tmp let-item=&quot;item&quot;&gt;
      {{
        _translate.currentLang == &quot;en&quot;
          ? item.label_en
          : _translate.currentLang == &quot;ps&quot;
          ? item.label_ps
          : item.label_fa
      }}
    &lt;/ng-template&gt;
    &lt;ng-template ng-option-tmp let-item=&quot;item&quot;&gt;
      {{
        _translate.currentLang == &quot;en&quot;
          ? item.label_en
          : _translate.currentLang == &quot;ps&quot;
          ? item.label_ps
          : item.label_fa
      }}
    &lt;/ng-template&gt;
  &lt;/ng-select&gt;
  </code></pre>
  <p>here is the typescript code</p>
  <pre><code>defaultCountry:any;
  
   this.countries = [ {id: &quot;1&quot;, label_en: &quot;Afghanistan&quot;, label_ps: &quot;افغانستان&quot;, label_fa: &quot;افغانستان&quot;, value: &quot;Afghanistan&quot;},
   {id: &quot;3&quot;, label_ps: &quot;البانیا&quot;, label_fa: &quot;البانیا&quot;, label_en: &quot;Albania&quot;, value: &quot;Albania&quot;},
   {id: &quot;3&quot;, label_ps: &quot;الجزایر&quot;, label_fa: &quot;الجزایر&quot;, label_en: &quot;Algeria&quot;, value: &quot;Algeria&quot;}];
  
  
   this.defaultCountry = '1';
  </code></pre>