Видимая привязка AgmDirection не работает должным образом

Question

В моем проекте я показываю карту с 10 маршрутами.У меня есть флаг под названием «видимый» для каждого маршрута, который связан с тегом agm-direction.При событии нажатия кнопки я установил для некоторых флагов значение false.Иногда это работает просто отлично, скрывая маршруты с флагом == false, но в некоторых случаях это не работает.

<agm-map [styles]="mapstyles" [streetViewControl]="false">
  <agm-direction *ngFor="let trip of planData.tripList [waypoints]="trip.waypoints" [visible]="trip.visible" [origin]="trip.origin" [destination]="trip.destination" [renderOptions]="{suppressMarkers: true, polylineOptions: { strokeColor: trip.hexColor }}">
    <agm-marker [latitude]="trip.origin.lat" [longitude]="trip.origin.lng">
      <agm-info-window isOpen="true">
          Depot
      </agm-info-window>
    </agm-marker>
    <div *ngIf="trip.showMarkers">
      <agm-marker class="marker" *ngFor="let marker of trip.markers" [latitude]="marker.latitude" [longitude]="marker.longitude">
        <agm-info-window>
           {{marker.customerName}}
        </agm-info-window>
      </agm-marker>
    </div>
   </agm-direction>
</agm-map>