我的一個反應控制function（下）有一個奇怪的問題。它似乎系結到一個型別，而不僅僅是我的模板部分中UserFunction初始化的字串。*ngFor如果我執行this.form.get('function').value它回傳 UserFunction 物件 - 我希望字串？
用戶函式定義：
export class UserFunction {
id: string;
userFunction: string;
}
零件：
userFunctions: UserFunction[] = [];
this.form = this.formBuilder.group({
scheduledDate: ['', Validators.required],
function: ['', [Validators.required, this.functionValidator]],
required: [''],
userAvailability: [''],
});
HTML 模板：
<select formControlName="function" [ngClass]="{ 'is-invalid': submitted && f.function.errors }">
<option *ngFor="let item of userFunctions" [value]='item'>
{{ item.userFunction }}
</option>
</select>
抱歉，我無法解釋得那么簡單。
uj5u.com熱心網友回復：
您需要正確系結選項的值。如下更改您的 HTML，
<select formControlName="function" [ngClass]="{ 'is-invalid': submitted && f.function.errors }">
<option *ngFor="let item of userFunctions" [value]='item.userFunction'>
{{ item.userFunction }}
</option>
</select>
請注意，現在的值為
[value]='item.userFunction'
轉載請註明出處，本文鏈接：https://www.uj5u.com/houduan/507207.html