Angular Typescript:当对象发生更改时如何更新选择
我有以下html代码:Angular Typescript:当对象发生更改时如何更新选择,angular,html,typescript,ngfor,Angular,Html,Typescript,Ngfor,我有以下html代码: <tr> <td><label>G Level 3</label></td> <td><select [ngModel]="selectedG3" (ngModelChange)="selectG3Changed($event)"> <option></option> <option *ngFor="le
<tr>
<td><label>G Level 3</label></td>
<td><select [ngModel]="selectedG3" (ngModelChange)="selectG3Changed($event)">
<option></option>
<option *ngFor="let g3 of gLevels3" [ngValue]="g3">{{g3.name}}</option>
</select>
</td>
</tr>
gLevels3是一个带有对象的数组。每次调用函数getGLevels3()时,我都要更新select的选项
目前它不工作。调用函数后,select中仍有相同的选项
如何触发更新?我不确定您是否排除了所有其他可能性。。。你的代码看起来很正确。在我工作的代码库中,我们有相同类型的情况。我们有一个过滤选择选项的情况,它正在更新刚刚好
<select class="tool-controls__select" style="margin-right: 4px;" *ngIf="selectFilterOptions.length > 0 && chartIdsDefined" [(ngModel)]="selectedFilterOption" (change)="selectFilterOptionOnChange()">
<option [ngValue]="filterItem" *ngFor="let filterItem of selectFilterOptions">{{filterItem}}</option>
</select>
<select class="tool-controls__select" [(ngModel)]="selectedOption" (change)="selectOnChange()">
<option [ngValue]="item" *ngFor="let item of selectOptions">{{item.name}}</option>
</select>
{{filterItem}}
{{item.name}
你看过吗?@GetFuzzy没有,但是谢谢。我想让你更容易理解。实际上,正如我刚刚知道的,它适用于select,但不适用于具有动态TableRows的表dynamic table rows听起来您可能有不同的绑定问题。也许值得一个新问题。@GetFuzzy我明白了。无论如何谢谢你@GetFuzzy我的问题是这样的:但并不是我得到了一个错误。它只是不更新表。
<select class="tool-controls__select" style="margin-right: 4px;" *ngIf="selectFilterOptions.length > 0 && chartIdsDefined" [(ngModel)]="selectedFilterOption" (change)="selectFilterOptionOnChange()">
<option [ngValue]="filterItem" *ngFor="let filterItem of selectFilterOptions">{{filterItem}}</option>
</select>
<select class="tool-controls__select" [(ngModel)]="selectedOption" (change)="selectOnChange()">
<option [ngValue]="item" *ngFor="let item of selectOptions">{{item.name}}</option>
</select>