title: Angular2 - Updating a form value for data model for multi-select
body: <p>I am using a <a href="https://github.com/ng-select/ng-select" rel="nofollow noreferrer">multi-select package</a> for my angular project. It allows me to bind to my reactive form model which is working fine.</p>
  
  <p>On init of my component, I am storing the initial value from my model in a variable. I allow the user to enable "edit Mode" on my page which gives them the multi-select drop down.</p>
  
  <p>In the event that they want to back out of any changes that they made (selected/removed), I need to re-set the initial value.</p>
  
  <p><code>this.ruleAttributeForm.controls['AttributeValue'].setValue(this.initialValueInput, {emitEvent: true})</code></p>
  
  <p>I tried to do something like this, which updates the model and the input box itself, however, when I open the dropdown, the values that were previously selected are still marked at selected even though they don't appear in the input.</p>
  
  <p><code>&lt;ng-select formControlName="AttributeValue" [items]="valueOptions" [multiple]="true" bindLabel="Value" placeholder="Select one or more values" class="test"&gt;&lt;/ng-select&gt;</code></p>
  
  <p>The values this input selects comes from <code>formControlName</code> and the items to pick from come from <code>[items]</code>. The <code>.setValue</code> appears to work for the model / input but isn't reseting which items are available to pick from (the ones I selected before I reset the control value are marked as in use). </p>
  
  <p>Is there another way I should be handeling updating my form value or is this a plugin issue?</p>