当在Angular中自动选择下拉菜单时，无法触发更改事件

Question

在下面的代码中，以编程方式更新所选内容时不会触发onColorChanged。当我转到UI并从下拉菜单中选择颜色时，它会触发。不知道发生了什么。

          <div class="card border-0">
                <div class="card-body">
                    <label for="color">
                            <b>Color</b>
                    </label>
                    <select class="form-control" ng-init=null id="colorList" aria-describedby="colorList" *ngIf="myColorList$"
                        [(ngModel)]="selectedColor" (change)="onColorChanged(selectedColor)">
                        <option *ngFor="let c of myColorList$ | async" [ngValue]="c">{{c}}</option>
                    </select>
                </div>
            </div>

Answer 1

在这种情况下，您必须以编程方式调用onColorChanged()。

爱：

this.selectedColor = 'red';
this.onColorChanged(this.selectedColor);