多个选择下拉角度

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/