Không có nhà cung cấp cho ControlContainer khi một thành phần con có một ngModelGroup

Question

Tôi dường như không thể tìm ra điều này, nó chỉ đơn giản là không hoạt động.

Đây là bản gốc plunker được viết bởi Pascal Prekht, đó là một lời giải thích trên mẫu điều khiển hình thức:

Và here là ngã ba của tôi mà là chính xác những điều tương tự, ngoại trừ tôi đang cố gắng để tải một trong những các fieldets như một thành phần con riêng biệt.

Đây là mã:

@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 { 


} 

Vì vậy, sau khi cắt một trong những feildsets và tải nó bên trong một chỉ thị riêng biệt, nó sẽ không có tác dụng nữa !,

Có vài vấn đề khép kín, nhưng không ai trong số họ đang làm việc.

This và This

Answer 1

Tôi biết đó là một câu hỏi cũ. Nhưng ai đó trong tương lai có thể thấy nó hữu ích. Tôi gặp vấn đề tương tự và có vẻ như lỗi xuất hiện khi một thành phần có thẻ <form> mà không có chỉ thị formGroup và mô-đun đang nhập ReactiveFormModule. Vì vậy, để khắc phục vấn đề, hãy đảm bảo rằng tất cả các thẻ <form> có chỉ thị formGroup, nếu mô đun của chúng đang nhập ReactiveFormModule.