例如，我有一個包含所選課程串列的字串
courses_chosen = "AWS, Python, Java, Kotlin, Angular, typescript, Javascript";
現在我想在 mat-chip 上顯示我嘗試使用以下代碼
<mat-chip-list>
<mat-chip *ngFor = "let courses of courses_chosen>
{{courses}}
</mat-chip>
</mat-chip-list>
但是在單個芯片上顯示的資料但我想將每個逗號分隔的值顯示到每個芯片中。請幫忙
uj5u.com熱心網友回復：
您可以使用函式 SPLIT 來獲取用逗號分隔的每個專案。
courses_chosen = "AWS, Python, Java, Kotlin, Angular, typescript, Javascript";
const courses_chosen_list = courses_chosen.split(',');
// courses_chosen_list = ["AWS", "Python", ...., "Javascript"]
然后：
<mat-chip-list>
<mat-chip *ngFor = "let course of courses_chosen_list">
{{ course }}
</mat-chip>
</mat-chip-list>
uj5u.com熱心網友回復：
你好你試過這個嗎？
<mat-chip-list>
<mat-chip *ngFor = "let courses of courses_chosen.split(',')">
{{courses}}
</mat-chip>
</mat-chip-list>
轉載請註明出處，本文鏈接：https://www.uj5u.com/shujuku/403696.html
標籤：