我的滑动器是静态工作的，但是当我尝试添加新的幻灯片时，它就不工作了。

<swiper #slider (reachEnd)="end()" (swiper)="setSwiperInstance($event)" (slideChange)="loadNext()" [config]="config">
            <ng-template swiperSlide *ngFor="let emojiBlock of initalEmojiMessages">
  
              <ion-card class="emoji-card">
                <ion-card-content class="internal-card">
    
                      <div class="emoji-carrier">
                        <span class="emojis">{{emojiBlock.emojis}}</span>
                        <span class="emojis-words">{{emojiBlock.words}}</span>
                      </div>
                </ion-card-content>
              </ion-card>
              
            </ng-template>
          
        </swiper>

到达最后一张幻灯片后，end()的名称为：

end() {
    let index = this.swiper.swiperRef.activeIndex++;
    let newEmojis = this.getEmojiSet();
    this.initalEmojiMessages.push(newEmojis);
    this.swiper.swiperRef.appendSlide(`
    <ng-template swiperSlide>
      
      <ion-card class="emoji-card">
        <ion-card-content class="internal-card">
        <p>hello world ${index}</p>
        </ion-card-content>
      </ion-card>
    
    </ng-template>
    `)
  }

这个函数既可以向数组initalEmojiMessages中添加另一个表情符号，也可以通过this.swiper.swiperRef.appendSlide添加一张新幻灯片。
这是它实际运行时的样子：
在最后一张幻灯片上：

尝试转到下一张幻灯片：

正如您所看到的，新幻灯片没有锁定到位，并且appendSlide()方法有效，而添加ngFor方法无效。
有人经历过这个问题/知道如何在离子工作中使用swiper.js添加幻灯片吗？