title: Angular component conflict since same component added on a page multiple times
body: <p>I have a reusable multi select component .On one page(in another component) there is case where I have added this component (multi select reusable compoenent) multiple times.</p>
  
  <p>But angular treating it as one component and both component behave in sync (If i select checkbox from component one then from second component it get selected)</p>
  
  <p>I tried giving name to component but it didnt work.</p>
  
  <p>I also tried placing component in separate form still its not working.</p>
  
  <p>Sample Code :</p>
  
  <pre><code>&lt;label&gt;Selection 1:&lt;/label&gt;
  &lt;custom-multi-select [suggestions]="suggestions"&gt;&lt;/custom-multi-select&gt;
  &lt;label&gt;Selection 2:&lt;/label&gt;
  &lt;custom-multi-select [suggestions]="suggestions"&gt;&lt;/custom-multi-select&gt;
  </code></pre>
  
  <p>from first multi-select if i check any checkbox same checkbox from second multi-select get selected</p>