title: Type 'string' is not assignable to type 'number' when using property binding in an Angular template
body: <p>Getting the following errors:</p>
  <pre><code>Error: src/app/pages/journal-list/journal-list.component.html:27:23 - error TS2322: Type 'string' is not assignable to type 'number'.
      
      27 [title]=&quot;entry.title&quot; [date]=&quot;entry.date&quot;
                               ~~~~~~~~~~~~~~~~~~~
      
        src/app/pages/journal-list/journal-list.component.ts:7:16
          7   templateUrl: './journal-list.component.html',
                           ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
          Error occurs in the template of component JournalListComponent.
      src/app/pages/journal-list/journal-list.component.html:26:1 - error TS2322: Type 'number' is not assignable to type 'string | any[] | null | undefined'.
      
      26 [routerLink] =&quot;i&quot;
         ~~~~~~~~~~~~~~~~~
      
        src/app/pages/journal-list/journal-list.component.ts:7:16
          7   templateUrl: './journal-list.component.html',
                           ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
          Error occurs in the template of component JournalListComponent.
  </code></pre>
  <p>Apparently because I'm using the property binding [date]=&quot;entry.date&quot;. I've declared property date as a number. Why does this occur?</p>
  <p>Code snippet for context:</p>
  <pre><code> &lt;div class=&quot;entries-list&quot;&gt;
  &lt;app-journal-entry *ngFor=&quot;let entry of entries; index as i&quot;
  [routerLink] =&quot;i&quot; 
  [title]=&quot;entry.title&quot; [date]=&quot;entry.date&quot; 
  [body]=&quot;entry.body&quot;&gt;&lt;/app-journal-entry&gt;
  
  &lt;/div&gt;
  </code></pre>