Как установить цвет маркера с помощью угловых 5 с agm-картой?

Question

Я использую «angular 5», и я пытаюсь установить цвет маркера в зависимости от p.etat (статус этого элемента).Это мой код:

    <div class="col-md-10">
    <agm-map [latitude]="36.718241" [longitude]="3.091969" [zoom]="6">
      <agm-marker [label]="{color: '#ffffff', fontWeight: 'bold'}" [latitude]="p.latitude" [longitude]="p.longitude" *ngFor="let p of pagePans?.content; let i=index">
        <agm-snazzy-info-window [maxWidth]="800" [closeWhenOthersOpen]="true">
          <ng-template>
            <strong>{{p.nom}}</strong><br>
            <h5>Status:{{p.etat}} </h5>


            <button style="color: red;" class="glyphicon glyphicon-trash" *ngIf="authService.isAllowed()"(click)="deletePan(p)" ></button>
            <button  class="glyphicon glyphicon-pencil" *ngIf="authService.isAllowed()"(click)="onEditPan(p.id)" ></button>
            <button style="color: green;" (click)="detailPan(p.id)" class="glyphicon glyphicon-ok"></button>



          </ng-template>
        </agm-snazzy-info-window>
      </agm-marker>
    </agm-map></div>