我有一個 Web 應用程式，我正在嘗試將技能添加到候選人資料中。我有另一個視窗可以添加新技能。我希望能夠獲得技能串列并在下拉選單中顯示它們。我還想增加一個專業水平（1 到 5 之間的數值）。在添加關卡之前，我想先添加技能下拉串列，但運行應用程式時它是空的。
這就是我的 HTML 檔案中的內容。
<mat-form-field appearance="fill">
<mat-label>Select Skill</mat-label>
<mat-select [(value)]="selected">
<mat-option *ngFor="let skill of skillNames" [value]="skill">{{skill.value}}</mat-option>
</mat-select>
</mat-form-field>
在component.ts 我添加了最后一行代碼來為陣列充電。skillNames是一個簡單的空陣列。
ngOnInit() {
const candidateStreamCreator = (query) => this.candidateService.getList(query);
this.list.hookToQuery(candidateStreamCreator).subscribe((response) => {this.candidate = response;});
this.candidateService.getListSkillNames().subscribe((names) => this.skillNames = names);
}
我也嘗試過做一個控制臺日志，所以我知道該陣列是用正確的值收費的。
這是包含測驗資料的控制臺日志：
['C#', 'Java']
我知道問題不在服務器端，因為我已經對其進行了測驗，但我不知道是什么原因造成的。
uj5u.com熱心網友回復：
嘗試{{skill}}而不是{{skill.value}}在<mat-option>標簽中。因為key 在你提到value的 object 中不可用，所以它是一個簡單的陣列。skillNames['C#', 'Java']
skill還將模型名稱更改為skillname
<mat-form-field appearance="fill">
<mat-label>Select Skill</mat-label>
<mat-select [(value)]="selected">
<mat-option *ngFor="let skillName of skillNames" [value]="skillName ">{{skill}}</mat-option>
</mat-select>
</mat-form-field>
uj5u.com熱心網友回復：
[value]="skill" 如果技能是一個物件 value 屬性不接受一個物件
uj5u.com熱心網友回復：
初始化組件中的所有內容時呼叫 ngOnInit()。您可以嘗試將 SkillNames 設定到建構式中。
轉載請註明出處，本文鏈接：https://www.uj5u.com/ruanti/480869.html
標籤：有角度的
上一篇：關于目標URL的Angular404NotFound
下一篇：如何自動將逗號轉換為點？