Jquery 使用Typescript（Angular8）逐个旋转

我在这个链接中找到了一个解决方案，但即使在我的项目示例中安装了jquery，我也无法使用jquery代码：

const next=jquery（this.next（）

我需要将链接中的JQuery代码转换为Angular的JQuery库，或者使用Typescript执行相同的操作，但是我应该在Angular的生命周期的哪个方法中添加它（OnInit，AfterViewInit，…）

多谢各位

 <div class="row">
              <div class="col-md-1" *ngIf="val">
                <span class="dot">
                  <button type="button" (click)="openModal1()" class="btn btn-default btn-circle btn-xl "><i
                      class="fa fa-history "></i></button>
                  <label class="carousel-label"> Modal 1</label>

                </span>
              </div>
              <div class="col-md-1" *ngIf="val === 'label 1'">
                <span class="dot">
                  <button type="button" (click)="openModalL1()" class="btn btn-default btn-circle btn-xl "><i
                      class="fa fa-history "></i></button>
                  <label class="carousel-label"> Modal L1</label>

                </span>
              </div>
               <div class="col-md-1" *ngIf="val === 'label 1'">
                <span class="dot">
                  <button type="button" (click)="openModalL1()" class="btn btn-default btn-circle btn-xl "><i
                      class="fa fa-history "></i></button>
                  <label class="carousel-label"> Modal L1</label>

                </span>
              </div>
               <div class="col-md-1">
                <span class="dot">
                  <button type="button" (click)="openModal()" class="btn btn-default btn-circle btn-xl "><i
                      class="fa fa-history "></i></button>
                  <label class="carousel-label"> Modal</label>

                </span>
              </div>
               <div class="col-md-1">
                <span class="dot">
                  <button type="button" (click)="openModal()" class="btn btn-default btn-circle btn-xl "><i
                      class="fa fa-history "></i></button>
                  <label class="carousel-label"> Modal</label>

                </span>
              </div>
               <div class="col-md-1">
                <span class="dot">
                  <button type="button" (click)="openModal()" class="btn btn-default btn-circle btn-xl "><i
                      class="fa fa-history "></i></button>
                  <label class="carousel-label"> Modal</label>

                </span>
              </div>
               <div class="col-md-1">
                <span class="dot">
                  <button type="button" (click)="openModal()" class="btn btn-default btn-circle btn-xl "><i
                      class="fa fa-history "></i></button>
                  <label class="carousel-label"> Modal</label>

                </span>
              </div>
               <div class="col-md-1">
                <span class="dot">
                  <button type="button" (click)="openModal()" class="btn btn-default btn-circle btn-xl "><i
                      class="fa fa-history "></i></button>
                  <label class="carousel-label"> Modal</label>

                </span>
              </div> <div class="col-md-1" *ngIf="number === 3">
                <span class="dot">
                  <button type="button" (click)="openModalN3()" class="btn btn-default btn-circle btn-xl "><i
                      class="fa fa-history "></i></button>
                  <label class="carousel-label"> Modal N3</label>

                </span>
              </div>

 </div>


模式1
模态L1
模态L1
情态动词
情态动词
情态动词
情态动词
情态动词
模态N3
尝试为旋转木马创建角度结构指令。Carusel实际上是他们的一个典型例子。网络上有很多点击率，试试这个例子：

谢谢您的回答，但就我而言，我没有图像或项目的列表。我有一行使用HTML的div（col-md-3），有些div的条件是不显示[*ngIf]更新！你会注意到没有规则规定哪个div会被显示。所以我想一个接一个地显示（但有3个活动div）作为上面的链接OK我仍然很难理解我到底想要实现什么，但是jquery需要一个选择旋转木马项目的规则。您可以选择
col-md-1
，也可以添加另一个分类器。这个链接对你有帮助吗？
 <div class="row">
              <div class="col-md-1" *ngIf="val">
                <span class="dot">
                  <button type="button" (click)="openModal1()" class="btn btn-default btn-circle btn-xl "><i
                      class="fa fa-history "></i></button>
                  <label class="carousel-label"> Modal 1</label>

                </span>
              </div>
              <div class="col-md-1" *ngIf="val === 'label 1'">
                <span class="dot">
                  <button type="button" (click)="openModalL1()" class="btn btn-default btn-circle btn-xl "><i
                      class="fa fa-history "></i></button>
                  <label class="carousel-label"> Modal L1</label>

                </span>
              </div>
               <div class="col-md-1" *ngIf="val === 'label 1'">
                <span class="dot">
                  <button type="button" (click)="openModalL1()" class="btn btn-default btn-circle btn-xl "><i
                      class="fa fa-history "></i></button>
                  <label class="carousel-label"> Modal L1</label>

                </span>
              </div>
               <div class="col-md-1">
                <span class="dot">
                  <button type="button" (click)="openModal()" class="btn btn-default btn-circle btn-xl "><i
                      class="fa fa-history "></i></button>
                  <label class="carousel-label"> Modal</label>

                </span>
              </div>
               <div class="col-md-1">
                <span class="dot">
                  <button type="button" (click)="openModal()" class="btn btn-default btn-circle btn-xl "><i
                      class="fa fa-history "></i></button>
                  <label class="carousel-label"> Modal</label>

                </span>
              </div>
               <div class="col-md-1">
                <span class="dot">
                  <button type="button" (click)="openModal()" class="btn btn-default btn-circle btn-xl "><i
                      class="fa fa-history "></i></button>
                  <label class="carousel-label"> Modal</label>

                </span>
              </div>
               <div class="col-md-1">
                <span class="dot">
                  <button type="button" (click)="openModal()" class="btn btn-default btn-circle btn-xl "><i
                      class="fa fa-history "></i></button>
                  <label class="carousel-label"> Modal</label>

                </span>
              </div>
               <div class="col-md-1">
                <span class="dot">
                  <button type="button" (click)="openModal()" class="btn btn-default btn-circle btn-xl "><i
                      class="fa fa-history "></i></button>
                  <label class="carousel-label"> Modal</label>

                </span>
              </div> <div class="col-md-1" *ngIf="number === 3">
                <span class="dot">
                  <button type="button" (click)="openModalN3()" class="btn btn-default btn-circle btn-xl "><i
                      class="fa fa-history "></i></button>
                  <label class="carousel-label"> Modal N3</label>

                </span>
              </div>

 </div>