title: Angular 2 multi select show only the static placeholder
body: <p>I am new to angular 4 and I started working on angular multiselect and using the following npm package</p>
  
  <p><a href="https://www.npmjs.com/package/angular2-multiselect-dropdown" rel="nofollow noreferrer">https://www.npmjs.com/package/angular2-multiselect-dropdown</a></p>
  
  <p>I could able to configure this properly and also getting the selected and deselected items/events.</p>
  
  <p>Now my problem is to show only the placeholder text even though there are selected items or not. I want to ignore the selected items to be shown on the top. </p>
  
  <p>If any item is selected from the item the multi select box is converted like the below</p>
  
  <p><a href="https://i.stack.imgur.com/Vrur1.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Vrur1.png" alt="enter image description here"></a></p>
  
  <p>But I would like to keep the placeholder same like below if there are selected items or not.</p>
  
  <p><a href="https://i.stack.imgur.com/9b4tw.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/9b4tw.png" alt="enter image description here"></a></p>
  
  <p>I have been trying to get out it with responsive behavior. But not able to find the solution. Please help me.</p>