我正在使用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属性时。