title: Angular Material placeholder is not working with @Input
body: <p>I am using angular materuial. In the parent component I have </p>
  
  <pre><code>&lt;app-multiselect 
      [optionsList]="propertyTypeList"
      [multiple]=true
      [placeholder]="Select"
      &gt;&lt;/app-multiselect&gt;
  </code></pre>
  
  <p>In the child component in the .ts file I am using an @Input</p>
  
  <pre><code>@Input() placeholder: string;
  </code></pre>
  
  <p>In the child html file I have</p>
  
  <pre><code>&lt;mat-form-field&gt;
    &lt;mat-select 
    [multiple]="multiple"
    [placeholder]="placeholder"&gt;
      &lt;mat-option 
      *ngFor="let item of optionsList" 
      [value]="item"&gt;{{item}}&lt;/mat-option&gt;
    &lt;/mat-select&gt;
  &lt;/mat-form-field&gt;
  </code></pre>
  
  <p>I am getting "placeholder" instead of "Select".</p>
  
  <p>Any ideas? Thanks :)</p>