Angular 如何从另一个组件访问[(ngModel)]?

Angular 如何从另一个组件访问[(ngModel)]?,angular,ngmodel,ngx-quill,Angular,Ngmodel,Ngx Quill,我有一个共同的组成部分,持有ngx羽毛的组成部分。我想调用其他几个组件来获取编辑器,而不是输入字段。我成功地做到了这一点。但是我正在使用ngModels进行双向数据绑定,这不能在Div上使用。我如何在我的公共组件中访问它们 这是我的共同点: common_component.html <quill-editor> </quill-editor> 这就是我所说的: main_component.html <quill-editor> </quill-ed

我有一个共同的组成部分,持有ngx羽毛的组成部分。我想调用其他几个组件来获取编辑器,而不是输入字段。我成功地做到了这一点。但是我正在使用ngModels进行双向数据绑定,这不能在Div上使用。我如何在我的公共组件中访问它们

这是我的共同点:

common_component.html

<quill-editor>
</quill-editor>
这就是我所说的:

main_component.html

<quill-editor>
</quill-editor>

main_component.ts只保存变量声明

现在的问题是ngModel不能用在div上(它会抛出错误),html将其视为div标记,然后在其内部调用,我想打开ngModel,我不能手动放置它,因为这将用作公共组件

请帮助我了解如何实现此数据绑定


感谢您的支持,并让我知道是否应该在帖子中添加更易懂的代码。

您需要的是
ControlValueAccessor
来实现自定义表单控件,以便双向数据绑定可以在自定义组件上工作

假设您在
quill编辑器
上绑定了
value
变量:


@组件({
...
供应商:[
{ 
提供:NG_值访问器,
useExisting:forwardRef(()=>CommanQuillComponent),
多:真的
}
]
})
导出类CommanQuillComponent实现ControlValueAccessor(){
值:字符串=“”;
...
//添加其他属性作为输入
@输入()
占位符:字符串;
...
传播变化=((uu0:any)=>{};
注册变更(fn){
这一变化=fn;
}
writeValue(值:字符串){

this.value=value;//您要寻找的是用于实现自定义表单控件的
ControlValueAccessor
,以便双向数据绑定可以在自定义组件上工作

假设您在
quill编辑器
上绑定了
value
变量:


@组件({
...
供应商:[
{ 
提供:NG_值访问器,
useExisting:forwardRef(()=>CommanQuillComponent),
多:真的
}
]
})
导出类CommanQuillComponent实现ControlValueAccessor(){
值:字符串=“”;
...
//添加其他属性作为输入
@输入()
占位符:字符串;
...
传播变化=((uu0:any)=>{};
注册变更(fn){
这一变化=fn;
}
writeValue(值:字符串){
这个值=值//