link.component.html

<section>
  <header class="text-center">
    <h2 class="mt-4">Link Component</h2>
    <p class="mb-2">owlRouterLink</p>
  </header>
  <div class="container">
    <div class="row">
      <div class="col-10 offset-1">

        <owl-carousel-o [options]="customOptions" (dragging)="isDragging.set($event.dragging)">

          @for(item of carouselData; track item.text; let i = $index) {
          <ng-template carouselSlide>
            <div class="slider">
              <a [owlRouterLink]="['/present']" [stopLink]="isDragging()">{{item.text}}</a>
              <a class="outer-link" href="https://www.google.com">
                <span>{{item.text}}</span>
              </a>

            </div><!-- /.carousel-item team-member -->
          </ng-template>
          }


        </owl-carousel-o>

      </div> <!-- /.col-sm-10 col-sm-offset-1 -->

    </div> <!-- row -->

  </div> <!-- /.container -->
</section>