如何使用select绑定Angular 4+中的多个选项？

Question

我正在尝试在select标签中绑定多个选项。到目前为止，我的代码如下：

        <div class="form-group">
          <label for="children">Children</label>
          <select multiple [(ngModel)]='selectedMetric.children' id="children" name="children" class="form-control">
              <option [ngValue]="null" disabled>Metric children</option>
              <option *ngFor="let _metric of selectedModel.metrics" [ngValue]='_metric.name'>{{_metric.name}}</option>
            </select>
        </div>

当我不包括“多个”时，一切看起来都很好，下拉工作 - 一切正常。当我包含多个/多个=＆＃34; true＆＃34;时，不再有下拉列表，而是我得到了这个：

我在这里做错了什么？

Answer 1

这里没有错。您没有在<select multiple ...

上获得下拉菜单

请参阅https://www.w3schools.com/tags/tryit.asp?filename=tryhtml_select_multiple