Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/30.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angular 如何迭代mat select标记的选项?_Angular_Typescript_Angular Material_Ngfor - Fatal编程技术网

Angular 如何迭代mat select标记的选项?

Angular 如何迭代mat select标记的选项?,angular,typescript,angular-material,ngfor,Angular,Typescript,Angular Material,Ngfor,我尝试迭代两个数组,一个用于创建必要的选择字段,另一个用于填充每个选择字段中显示的选项 //遍历所有主题 {{subject}}/*为每个主题创建选择字段*/ /*迭代facultyNames以填充选项*/ {{faculty}}/*填充选项*/ 选择字段和选项按预期生成,但当我在选择字段中选择一个选项时,其他选择字段的所有值也会更改为相同的选项。我无法为每个选择字段单独选择选项 我刚刚开始学习angular,我找不到其他方法来实现它。 任何帮助都将不胜感激。谢谢你问题是你的所有选择都有相同的

我尝试迭代两个数组,一个用于创建必要的选择字段,另一个用于填充每个选择字段中显示的选项

//遍历所有主题
{{subject}}/*为每个主题创建选择字段*/
/*迭代facultyNames以填充选项*/
{{faculty}}/*填充选项*/
选择字段和选项按预期生成,但当我在选择字段中选择一个选项时,其他选择字段的所有值也会更改为相同的选项。我无法为每个选择字段单独选择选项

我刚刚开始学习angular,我找不到其他方法来实现它。
任何帮助都将不胜感激。谢谢你

问题是你的所有选择都有相同的价值

改变这个

<div *ngFor="let subject of subjects" class="input-field col s6">

为了



为了



在ts中,attr
selectedStaff
需要是一个数组,每个
主题项都有一个值,或者尝试使用空数组初始化。

谢谢@ManuelPanizzo!很好用!!我是angular的新手,我正在学习它,你推荐任何用户友好的网站,并且有最常用的ng指令的语法和用法吗?在youtube上有很多免费课程。但是如果你能在udemy.com上花10-11美元,你会有很多很棒的角形课程!我在那里学的。谢谢!我会调查的。
<div *ngFor="let subject of subjects; let i = index" class="input-field col s6">
 <mat-select [(value)]="selectedStaff">
 <mat-select [(value)]="selectedStaff[i]">