title: await for promise before give the result as input parameter
body: <p>I have two components parent and child</p>
  
  <p>parent is resolving a promise in constructor, child is reveiving the result of the promise as @Input() parameter</p>
  
  <p>child is not receiving the result of the promise in life cicle hook other than afterViewCheck and afterContentCheck, I want to avoid those.</p>
  
  <p>I also want to avoid a shared service containing shared data in behaviorSubject or something like that</p>
  
  <p>so the question is, can I await the promise before construct the template with te result of the promise as an input parameter?</p>
  
  <p>Parent:</p>
  
  <pre><code>// html: &lt;app-chil [brands]="brands"&gt;&lt;/&gt;
  
  brands: Brand[] = []
  
  constructor() {
    this.getBrands()
  }
  
  async getBrands() {
    this.brands = await new Promise&lt;Brand[]&gt;(resolve =&gt; 
      this.equipmentService.getBrands().subscribe(brands =&gt; resolve(brands)))
  }
  </code></pre>
  
  <p>child:</p>
  
  <pre><code>@Input() brands: Brand[] = []
  
  constructor() { }
  
  ngAfterViewInit() {
    console.log(this.brands) // receive brands here
  }
  </code></pre>