angular – 当子组件具有ngModelGroup时,没有ControlContainer的提供者

前端之家收集整理的这篇文章主要介绍了angular – 当子组件具有ngModelGroup时,没有ControlContainer的提供者前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我似乎无法弄清楚这一点,它根本不起作用.

这是原始的plunker,由Pascal Prekht编写,这是对模板驱动形式的解释:

here是我的fork,它是完全相同的东西,除了我试图加载其中一个字段集作为一个单独的子组件.

这是代码

@H_403_7@@Component({ selector:'form-group-component',template:` <fieldset ngModelGroup="anotherAddress"> <div> <label>Street2:</label> <input type="text" name="street2" ngModel> </div> </fieldset> ` }) export class FormGroupComponent{ } @Component({ selector: 'form-component',directives:[FormGroupComponent],template: ` <form #form="ngForm"> <form-group-component></form-group-component> <fieldset ngModelGroup="address"> <div> <label>Street:</label> <input type="text" name="street" ngModel> </div> <div> <label>Zip:</label> <input type="text" name="zip" ngModel> </div> <div> <label>City:</label> <input type="text" name="city" ngModel> </div> </fieldset> </form> ` }) export class FormComponent { }

因此,在切割其中一个feildset并将其加载到单独的指令中之后,它将不再起作用!

有几个封闭的问题,但没有它们正在发挥作用.

This
This

我知道这是一个老问题.但是将来有人可能会发现它很有用.我有同样的问题,看起来当组件有< form>时出现错误没有formGroup指令的标签,模块正在导入 ReactiveFormModule.因此,要解决此问题,请确保所有< form>标签有formGroup指令,如果它们的模块正在导入ReactiveFormModule.

猜你在找的Angularjs相关文章