I am new to angular and I have the following situation which is I have a service `getAnswers():Observable&lt;AnswerBase&lt;any&gt;[]&gt;`and two components that are related to each other.

- **online-quote** 
- **dynamic-form**

**online-quote** component calls the service `getAnswers():Observable&lt;AnswerBase&lt;any&gt;[]&gt;` in its `ngOnInit()` method and the result of this, is passed to the component **dynamic-form**. 

To illustrate the situation this is the code of my two components:

online-quote.component.html:

     &lt;div&gt;
        &lt;app-dynamic-form [answers]=&quot;(answers$ | async)&quot;&gt;&lt;/app-dynamic-form&gt;
    &lt;/div&gt;

online-quote.component.ts:

    @Component({
      selector: &#39;app-online-quote&#39;,
      templateUrl: &#39;./online-quote.component.html&#39;,
      styleUrls: [&#39;./online-quote.component.css&#39;],
      providers:  [DynamicFormService]
    })
    export class OnlineQuoteComponent implements OnInit {
    
      public answers$: Observable&lt;any[]&gt;;
    
      constructor(private service: DynamicFormService) {
        
       }
    
      ngOnInit() {
        this.answers$=this.service.getAnswers(&quot;CAR00PR&quot;);
      }
    
    }

dynamic-form.component.html:

    &lt;div *ngFor=&quot;let answer of answers&quot;&gt;
     &lt;app-question *ngIf=&quot;actualPage===1&quot; [answer]=&quot;answer&quot;&gt;&lt;/app-question&gt;
    &lt;/div&gt;

dynamic-form.component.ts:

    @Component({
      selector: &#39;app-dynamic-form&#39;,
      templateUrl: &#39;./dynamic-form.component.html&#39;,
      styleUrls: [&#39;./dynamic-form.component.css&#39;],
      providers: [ AnswerControlService ]
    })
    export class DynamicFormComponent implements OnInit {
      @Input() answers: AnswerBase&lt;any&gt;[];
      
      constructor(private qcs: AnswerControlService, private service: DynamicFormService) {  }
    
      ngOnInit() {
        
        this.form = this.qcs.toFormGroup(this.answers);
        
      }

My question is what is the correct way to pass the information from **online-quote** to **dynamic-form** if the result information of the service `getAnswers():Observable&lt;AnswerBase&lt;any&gt;[]&gt;` is a observable. 

I&#39;ve tried it in many ways but it does not work. I would like someone to help me with this. Thank you very much!








All Angular2 Decorators Solutions on Gang of Coders

Total of 1 Angular2 Decorators Solutions

How to pass observable value to @Input() Angular 4