我正在尝试初始化嵌套组件中的默认值,但本机 HTML 元素永远不会更新。
Root [(ngModel)]="value"
|-> Child [(ngModel)]="value"
| -> native
我已经尝试过构造函数和ngOnInit。AfterViewInit和AfterViewChecked抛出一个错误,即在更改检测后存在值操作。
根模板:
<child name="child" [(ngModel)]="value"></child>
子模板:
<select name="childSelect" [(ngModel)]="value">
子组件:
@Component({
selector: 'child',
templateUrl: './child.component.tpl.html',
providers: [
{
provide: NG_VALUE_ACCESSOR,
useExisting: forwardRef(() => ChildComponent),
multi: true
}
],
})
export class ChildComponent implements OnInit, ControlValueAccessor {
@Input() _value: number;
private _onTouchedCallback: () => void = null;
private _onChangeCallback: (a: any) => void = null;
ngOnInit() {
this.value = 1;
// this._value = 1; // no difference
}
get value(): number {
return this._value;
}
set value(value: number) {
this._value = value;
if (this._onChangeCallback !== null) {
this._onChangeCallback(this._value);
}
}
writeValue(value: any) {
this._value = value;
}
registerOnChange(fn: any): void {
this._onChangeCallback = fn;
}
registerOnTouched(fn: any): void {
this._onTouchedCallback = fn;
}
我想我错过了一个小细节。