Angular 如何从另一个组件访问[(ngModel)]?
我有一个共同的组成部分,持有ngx羽毛的组成部分。我想调用其他几个组件来获取编辑器,而不是输入字段。我成功地做到了这一点。但是我正在使用ngModels进行双向数据绑定,这不能在Div上使用。我如何在我的公共组件中访问它们 这是我的共同点: common_component.htmlAngular 如何从另一个组件访问[(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
<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(值:字符串){
这个值=值//