角2不能设置默认值

缩小plunkr：https://plnkr.co/edit/gGCiYjcq70xaewn3n22F?p=preview 角2不能设置默认值

@Input() model: any; 

propagateChange = (_: any) => {}; 

registerOnChange(fn) { 
    this.propagateChange = fn; 
} 

registerOnTouched() {} 

writeValue(value: any) { 

    if (value !== undefined) { 
    this.model = value; 
    } 
} 

ngOnInit() { 

    // Sets the model properly, but it doesn't show up in the view or outside of the component 
    if (!this.model && this.isRequired) { 
    this.model = options[0]; 
    } 

    this.propagateChange(this.model); 
}

用法：

<form #myForm="ngForm"> 
    <custom-select #fuel="ngModel" [(ngModel)]="model.fuel" [options]="fuels" [isRequired]="true" name="fuel"></custom-select> 
</form>

我自定义选择实现ControlValueAccessor，但我不能当组件首先在ngOnInit方法中初始化时，让它设置一个默认值。 model已正确设置在组件内部，但未反映在组件的视图中或外部。但是，如果我然后通过选择其他选项来改变它的价值。有没有人知道这是为什么？

来源

2016-11-14 Chrillewoodz

我想这是一个变化检测问题，因为'ngOnInit（）'从变化检测调用。但我不知道如何解决它。 –

@GünterZöchbauer这是一个无赖。真正重要的是让这个工作嗯..如果你碰巧找到一个解决方案，我会奖励你一个坚实的赏金。直到那时我想我将不得不尝试一切尝试.. – Chrillewoodz

我没有深刻的形式知识。也许是别人。 –

您可以使用下面的方法做工作

@Output() ngModelChange = new EventEmitter(); 

ngOnInit() { 
... 
this.ngModelChange.emit(this.model); 
}

https://plnkr.co/edit/VQJSDLU9TP2rVBmNeTNr?p=preview

来源

2016-11-14 12:15:00 yurzui

我做了@Input（'ngModel'）model：any;'，这是否正确？如果我不这样做，我不明白'model'可以如何连接到'中的'ngModel'？由于我添加了'ControlValueAccessor'，因此输入不再是'model'，这意味着对组件中'this.model'的任何检查理论上都不起作用，因为输入现在是'ngModel'。所以'@Input（）模型：任何;'我不明白它如何仍然可以工作.. – Chrillewoodz

角2不能设置默认值

回答

相关问题