title: Using aria attribute in Angular component causes error
body: <p>I have a clickable card that I would like to make into a component.  I want to create an <code>@Input</code> for the unique name (id) of the instance do that I can use <code>aria-labelledby</code> on the card's title:</p>
  
  <pre><code>    &lt;div
        class="card card-default category-widget"
        id="{{ widgetID }}"
        matRipple
        aria-labelledby="{{widgetTitle}}"
        role="button"
        tabindex="0"
      &gt;
        &lt;div class="card-body category-widget-icon" aria-hidden="true"&gt;
          &lt;i class="pbi-icon-outline pbi-wifi"&gt;&lt;/i&gt;
        &lt;/div&gt;
        &lt;div class="card-footer"&gt;
          &lt;h4 class="category-widget-title" id="{{ widgetTitle }}"&gt;Widget Title&lt;/h4&gt;
          &lt;p class="category-widget-description"&gt;
            Widget description text
          &lt;/p&gt;
        &lt;/div&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>Except this throws the error:</p>
  
  <p><code>Can't bind to 'aria-labelledby' since it isn't a known property of 'div'.</code></p>
  
  <p>Without the <code>aria-labelledby</code>, the component works fine.</p>