Javascript Angular-6显示和隐藏下拉选择选项未显示正确的数据

我有两种类型的

下拉列表

，基于将显示的选择值列

下拉列表

（一个用于显示数据库数据，另一个用于显示桌面数据）


app.componet.html

<!-- show database data -->
<select *ngIf="isdbShow" [(ngModel)]="dynamicArray[i].title2" class="form-control">
    <option *ngFor="let data of dynamicArray[i].dropdownData;">{{data}}</option>
</select>

<!-- show desktop data -->
<select *ngIf="isdesktopShow" [(ngModel)]="dynamicArray[i].title2" class="form-control">
    <option *ngFor="let data of dynamicArray[i].dropdownData;">{{data.name}}</option>
</select>

请检查相同场景下我的演示链接中的流程。
第一行选择
桌面
和第二行选择
数据库

试试这个

<select *ngIf="isdbShow" [(ngModel)]="dynamicArray[i].title2" class="form-control">
                <option *ngFor="let data of dynamicArray[i].dropdownData;">{{data?.name ? data?.name : data}}</option>
              </select>


{{data？.name？data？.name:data}
在两个
选择
选项中都显示
dynamicArray
，但可以在
changed
方法中更改此数组中的数据类型。一个包含字符串，另一个包含对象。为什么需要更改de
dynamicArray
而不是使用两个不同的数组，每个数组对应一个
select
？
<select *ngIf="isdbShow" [(ngModel)]="dynamicArray[i].title2" class="form-control">
                <option *ngFor="let data of dynamicArray[i].dropdownData;">{{data?.name ? data?.name : data}}</option>
              </select>