为什么选择多个选项在Angular中消失了?

时间:2018-09-12 15:44:34

标签: angular typescript

确实很奇怪,如果没有多个属性,则选择效果很好,有多个选项消失了,您可以在这里进行测试,无论是否使用

https://stackblitz.com/edit/angular-yezybn?file=app%2Fapp.component.ts

            <select multiple>
                  <optgroup label="Properties">
                        <option *ngFor="let eachVal of notObjProp" value="{{eachVal.property}}">
                              <div>{{eachVal.property}}</div>
                        </option>
                  </optgroup>
                  <optgroup label="References to Properties">
                        <option *ngFor="let eachVal of objProp">
                              <div>{{eachVal.property}}</div>
                        </option>
                  </optgroup>
            </select>

1 个答案:

答案 0 :(得分:0)

请看HTML规范,<option> elements可以包含文本或为空。如果您将<div>标记内的<option>标记删除,则该问题将得到解决。