Attribute matListItemTitle is not allowed here

Issue

Trying to implement a list from Angular Material in an Angular application. WebStorm arises the message written in the title above.

I found out the issue here but in this case I can't call matListItemTitle as a dynamic parameter (as described at the end of that post).

<h3>Two line lists</h3>
<mat-list>
  <mat-list-item>
    <span matListItemTitle>Title</span>
    <span matListItemLine>Second line</span>
  </mat-list-item>
  <mat-list-item>
    <span matListItemTitle>Title</span>
    <span>Second line</span>
  </mat-list-item>
  <mat-list-item>
    <span matListItemTitle>Title</span>
    Second line
  </mat-list-item>
</mat-list>

Solution

I recently had this same issue. In my case i was using an older version of angular (14.2.7). According to the angular Component documentation the matListItemTitle and matListItemLine attributes were introduced in angular 15

Notes: Using Jetbrains Rider 2022.3.2

Answered By - Jens