title: How do i override conflicting 3rd party selectors in angular?
body: <p>My project currently has a module component that uses the selector 'ng-select'. The project has been abandoned by its maintainer, and i'd like to switch to using <a href="https://github.com/ng-select/ng-select" rel="nofollow noreferrer">https://github.com/ng-select/ng-select</a>. </p>
  
  <p>I would like to use the components side by side until i can refactor the old library out. </p>
  
  <p>Problem: There's a collision between selectors.</p>
  
  <pre><code>Error:(24, 5) Angular: More than one component matched on this element.
  Make sure that only one component's selector can match a given element.
  Conflicting components: SelectComponent,NgSelectComponent 
  </code></pre>
  
  <p>How do i rename the selector for the new library to be unique?</p>