Angular模板驱动形式的Web组件

时间:2018-08-07 16:16:31

标签: angular web-component shadow-dom

我正在使用Angular 6应用程序中的外部库中的Web组件。

这些Web组件正在使用Shadow DOM。

在以角度驱动的模板驱动表单内部使用Web组件是否有最佳实践?

我尝试过:

<my-text-input [(ngModel)]=“model.name” name=“name” id=“name” ngDefaultControl [ngModelOptions]=“{standalone: true}”></my-text-input>

这至少将表单的初始呈现绑定到模型。我实际上在输入中看到了model.name(在这种情况下为IQ博士),但是,一旦我开始输入,就不会看到模型更新。

我感觉这与e.target.value无关,它不是来自Web组件内部的input元素,而是实际的自定义元素本身。这意味着该值并未真正更新,并不断发送未定义或空字符串。

我希望这个问题有道理,并希望得到所有答案!影子DOM和事件(至少是事件中的目标)已被证明有点令人沮丧,尤其是在涉及value属性时。

0 个答案:

没有答案