angular2 pass ngModel to a child component

Question

I have ParentComponent and a ChildComponent, and I need to pass the ngModel in ParentComponent to ChildComponent.

// the below is in ParentComponent template         


        

Answer 1

It sounds like you are trying to wrap a form control. I wrote a library that helps you do that! s-ng-utils has a superclass to use for your parent component: WrappedFormControlSuperclass. You can use it like this:

@Component({
  template: `
    
    
  `,
  providers: [provideValueAccessor(ParentComponent)],
})
class ParentComponent extends WrappedFormControlSuperclass {
  // This looks unnecessary, but is required for Angular to provide `Injector`
  constructor(injector: Injector) {
    super(injector);
  }
}

This assumes that has a ControlValueAccessor, as @Amit's answer suggests. If you are writing yourself, there is also a superclass in s-ng-utils to help with that: FormControlSuperclass.