title: How to make ng-select remove-and-read-only
body: <p>In my Angular application, I have an instance of the <a href="https://github.com/ng-select/ng-select" rel="noreferrer">ng-select</a> widget:</p>
  
  <p><a href="https://i.stack.imgur.com/6NsJE.png" rel="noreferrer"><img src="https://i.stack.imgur.com/6NsJE.png" alt="enter image description here"></a></p>
  
  <p>If you click on it, by default you can search for items and add more of them to the current selection:</p>
  
  <p><a href="https://i.stack.imgur.com/ppT4M.png" rel="noreferrer"><img src="https://i.stack.imgur.com/ppT4M.png" alt="enter image description here"></a></p>
  
  <p>I would like to change this default behaviour, in particular:</p>
  
  <ul>
  <li>it shouldn <strong>not</strong> be possible to add new elements</li>
  <li>clicking on it should <strong>not</strong> open the search bar or the items list</li>
  <li>it should <strong>not</strong> show the arrow down icon (displayed by default on the right)</li>
  <li>it should <strong>not</strong> show the X icon to remove all selection at once (displayed by default on the right)</li>
  </ul>
  
  <p>So this is how I would like it to be:</p>
  
  <p><a href="https://i.stack.imgur.com/JCwD7.png" rel="noreferrer"><img src="https://i.stack.imgur.com/JCwD7.png" alt="enter image description here"></a></p>