angular - 当 select 的值发生变化时，不会触发 ngOnChanges

Question

我有下一个 html:

<select  [(ngModel)]="district"  class="form-control" (change)="dsChange()">

      <option disabled hidden [value]="undefined" >Ноҳия</option>

      <option *ngFor="let dis of districts" [ngValue]="dis">{{dis.title}}</option>
</select>

我还有下一个组件

@Input() district: District;
 ngOnChanges(changes: SimpleChanges) {
      console.log("CHANGED")
}
 dsChange(){
      console.log(this.district);
}

我不明白为什么当我选择一些值时，dsChange 会被正确的地区值触发，但 ngOnChanges() 不会被触发

Answer 1

ngOnChanges 在组件的数据绑定(bind)输入属性更改时调用。在您的情况下，如果父组件为 @Input() district 设置新值，则会调用它。

See the docs

ngOnChanges()

Respond when Angular (re)sets data-bound input properties...Called before ngOnInit() and whenever one or more data-bound input properties change.