angular - 如何在 Angular 自定义组件中一起添加 ngModel 和 formControlName?

标签 angular angular-reactive-forms angular-ngmodel form-control

我想用 Angular 制作一个自定义组件。有时我会使用 react 形式来调用这个组件,有时不使用 react 组件。

为此,有时我会使用 formControlName,有时会使用 ngmodel。 问题是我无法在自定义组件中将这两个属性添加在一起。

https://stackblitz.com/edit/ng-tie-reactive-forms-throgh-wrapper-hfptmu?file=src%2Fapp%2Fdate-wrapper%2Fdate-wrapper.component.html

ngmodel and custom component together

最佳答案

所以您正在寻找的是 ControlValueAccessor 接口(interface): https://angular.io/api/forms/ControlValueAccessor

如果您在组件上实现此接口(interface),则该接口(interface)的方法将允许组件使用模板驱动和响应式(Reactive)表单(ngModel 和 formControl/formControlName)。为了清楚起见,您不需要 ngModel 或 formControlName 作为组件上的输入,此接口(interface)将导致允许这样做。

关于angular - 如何在 Angular 自定义组件中一起添加 ngModel 和 formControlName?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/72244541/

相关文章:

angular - 在 ngIf 中动态添加组件

Angular 4 - 在下拉列表中找到选定的值

angular - 在 Angular Reactive Forms 中的 FormGroup 实例上设置错误无法按预期工作

javascript - 动态更改 ng-bind 和 ng-model

javascript - 我们应该在单元测试时使用 Angular TestBed 吗?

mat-chip-list 中的 Angular Material ngFor - 如何防止换行?

javascript - 单击“喜欢”按钮时,它应该显示特定数据吗?

Angular 2 react 形式: formGroup expects a FormGroup instance

angularjs - Angular 选择显示空 ng-model 值的默认值

Angular 2动态双向绑定(bind)