title: Set initial value to select within custom component in Angular 4
body: <p>As you can see in this plunkr (<a href="https://plnkr.co/edit/3EDk5xxSLRolv2t9br84?p=preview" rel="nofollow noreferrer">https://plnkr.co/edit/3EDk5xxSLRolv2t9br84?p=preview</a>) I have two selects: one in the main component behaving as usual, and one in a custom component, inheriting the ngModel settings.</p>
  
  <p>The following code links the innerNgModel to the component ngModel.</p>
  
  <pre><code>ngAfterViewInit() {
    //First set the valueAccessor of the outerNgModel
    this.ngModel.valueAccessor = this.innerNgModel.valueAccessor;
  
    //Set the innerNgModel to the outerNgModel
    //This will copy all properties like validators, change-events etc.
    this.innerNgModel = this.ngModel;
  }
  </code></pre>
  
  <p>It works, since the name property is updated by both selects.</p>
  
  <p>However when it first loads the second select has no selection.</p>
  
  <p>I guess I'm missing something, a way to initialize the innerNgModel with the initial value.</p>