title: Angular 7 Manually set background color to tile
body: <p>Here is my code :</p>
  
  <pre><code>&lt;mat-grid-list cols="4" rowHeight="100px"&gt;
      &lt;mat-grid-tile colspan="2" rowspan="2"&gt;
          1
      &lt;/mat-grid-tile&gt;
      &lt;mat-grid-tile colspan="2" rowspan="2"&gt;
          2
      &lt;/mat-grid-tile&gt;
      &lt;mat-grid-tile colspan="1" rowspan="1"&gt;
          3
      &lt;/mat-grid-tile&gt;
      &lt;mat-grid-tile colspan="1" rowspan="1"&gt;
          4
      &lt;/mat-grid-tile&gt;
      &lt;mat-grid-tile colspan="2" rowspan="1"&gt;
          5
      &lt;/mat-grid-tile&gt;
  &lt;/mat-grid-list&gt;
  </code></pre>
  
  <p>I want to manually apply a background color to these tiles. 
  I know that I can use this method :     <code>_setStyle(property: string, value: any): void;</code></p>
  
  <p>But I have no idea how in my case, since I didn't initialize any MatGridTile object in my component. I don't want to use a dynamically filled grid.</p>
  
  <p><a href="https://stackblitz.com/edit/angular-adjmya?file=app/grid-list-dynamic-example.html" rel="nofollow noreferrer">https://stackblitz.com/edit/angular-adjmya?file=app/grid-list-dynamic-example.html</a></p>