有没有一些简单的方法可以使 ui5 web 组件(例如 ui5-input)与角度组件的模型保持同步?

问题描述 投票:0回答:1

我试图将 ngModel 与 ui5 输入字段一起使用,以便在将数据输入输入字段时自动更新我的角度模型,但没有让它工作。 有没有一种简单的方法可以让对象在有角度的一侧在输入 ui5-input Web 组件时发生变化?

我尝试过的是:

<ui5-input id="ui5Input" 
required 
[(ngModel)]="ui5Val" name="ui5Val"
>
</ui5-input> {{ui5Val}}

或者从角度来看,Web 组件永远不会成为表单控件,我应该为每个 ui5 表单元素编写一个包装组件?

我找到了这篇文章并成功实现了一个自定义表单控件,其中同步工作完美:

构建自定义表单控件:https://medium.com/joolsoftware/creating-a-custom-formcontrol-in-angular-da92f2f47733

angular binding ngmodel ui5-webcomponents
1个回答
0
投票

添加“ngDefaultControl”属性

<ui5-input  id="ui5Input" required ngDefaultControl [(ngModel)]="ui5Val" name="ui5Val" ></ui5-input>
© www.soinside.com 2019 - 2024. All rights reserved.