Ngbcarousel下一个功能不起作用?

时间:2017-10-27 10:09:51

标签: angular typescript bootstrap-4

我有一个旋转木马项目列表。在一个旋转木马项目中我添加了更多按钮。如果我点击该按钮,我想转到下一个滑块。如何在Ngular中进行。 我的.ts文件在下面。

 updatePersonalizeMobile(value){

    this.carouselindicators.next();
  }

当我点击轮播项目时,它正在调用此功能。

我的CAROUSEL指标HTML如下:

<ol id="mob-form-indicators" class="carousel-indicators">
                    <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active" ></li>
                    <li data-target="#carouselExampleIndicators" data-slide-to="1" ></li>
                    <li data-target="#carouselExampleIndicators" data-slide-to="2" ></li>
                    <li data-target="#carouselExampleIndicators" data-slide-to="3" *ngIf="showDepreciation==true"></li>
                    <li data-target="#carouselExampleIndicators" data-slide-to="4" *ngIf="showCompany==true"></li>
                     <li data-target="#carouselExampleIndicators" data-slide-to="5" ></li>
                    <li data-target="#carouselExampleIndicators" data-slide-to="6"></li>

                    <li data-target="#carouselExampleIndicators" data-slide-to="7" [hidden]="more_personalize_mobile"></li>
                    <li data-target="#carouselExampleIndicators" data-slide-to="8"  [hidden]="more_personalize_mobile"></li> 
                    <li data-target="#carouselExampleIndicators" data-slide-to="9"  [hidden]="more_personalize_mobile"></li> 
                     <li data-target="#carouselExampleIndicators" data-slide-to="10"  [hidden]="more_personalize_mobile"></li> 

                     <li data-target="#carouselExampleIndicators" data-slide-to="11" *ngIf="showNatureOfProfession==true"></li>
               </ol>

在.ts文件中,我把这个项目称为像这样的viwchild

@ViewChild('carousel-indicators') public carouselindicators :NgbCarousel;

但是没有定义错误.next函数。怎么办。请帮忙。谢谢。

0 个答案:

没有答案