which code shows the correct directive property template syntax using two CSS classes?

Question

Using the ngClass attribute directive, which code shows the correct directive property template syntax using two CSS classes?

1. <section>

     <mw-media-item

          /ngFor="let mediaItem of mediaItems"

          (mediaItem)="mediaItem"

          (delete)="onMediaItemDelete($event)"

          (ngClass)="{ medium-movies: , medium-series: }"></mw-media-item>

</section>

2. <section>

     <mw-media-item

          @ngFor="let mediaItem of mediaItems"

          {mediaItem}='mediaItem'

          {delete}='onMediaItemDelete($event)'

          {ngClass}="{ "medium-movies": , "medium-series": }"></mw-media-item>

</section>

3. <section>

     <mw-media-item

          *ngFor="let mediaItem of mediaItems"

          [mediaItem]="mediaItem"

          (delete)="onMediaItemDelete($event)"

          [ngClass]="{ 'medium-movies': , 'medium-series': }"></mw-media-item>

</section>

4. <section>

     <mw-media-item

          #ngFor='let mediaItem of mediaItems'

          [mediaItem]="mediaItem"

          (delete)='onMediaItemDelete($event)'

          [ngClass]='{ 'medium-movies': , 'medium-series': }'></mw-media-item>

</section>

Answer 1

Correct answer is :- <section>

     <mw-media-item 

          *ngFor="let mediaItem of mediaItems"

          [mediaItem]="mediaItem"

          (delete)="onMediaItemDelete($event)"

          [ngClass]="{ 'medium-movies': , 'medium-series': }"></mw-media-item>

</section>