множественный выбор раскрывающийся угловой

Question

Я использую угловую реактивную форму, и мне нужно выбрать несколько вариантов из выпадающего списка.Я использую несколько атрибутов для достижения этой цели.Ниже приведен код, который я использую.

<select name="interface" multiple id="interface" class="form form-control"  formControlName="interface_name" id="interface_name" (change)="flood()">
          <option value=""><----select an interface-----></option>
          <option value="TP">TP</option>
          <option value="APOS">APOS</option>
          <option value="WS">WS</option>
          <option value="SHOPOS">SHOPOS</option>
          <option value="HHT">HHT</option>
          <option value="ESL">ESL</option>

</select>

Результат, который я получаю, находится здесь:

Результат, который я хочу, здесь,Пожалуйста, помогите мне, как мне этого добиться.

Answer 1

Если вы используете bootstrap, вы можете использовать плагин multiselect bootstrap.Вот хорошее объяснение того, как этого добиться.http://davidstutz.de/bootstrap-multiselect/