在“选择”选项作为输入传递后未选择默认值

Question

我的选择控件如下

    <select formControlName="productType">
        <option *ngFor="let option of optionsArray; let i = index"
                [selected]="i===0">
            {{ option.name }}
        </option>
    </select>

在我的 ts 文件中，optionsArray 是一个属性

@Input( 'options'):IMyOption[]

get optionsArray(): IMyOption[] {
    return Object.values( this.options );
}

选项是来自父组件的输入。我想要的只是选择第一项，但总是空白。这些选项是从父项正确填充的。我怎样才能让 [selected] 工作？请帮忙。

Answer 1

像这样试试。

<select formControlName="productType">
    <option *ngFor="let option of optionsArray; let i = index"
            [selected]="i===0 ? 'true': ''">
        {{ option.name }}
    </option>
</select>