无法将ngFor应用于jQuery Carousal

Question

我在我的有角度的应用程序中使用jquery旋转木马，我遇到了一个问题，即predefined data的旋转木马效果很好，当我尝试显示{{1} }，我无法显示动态信息。我对dynamic data不熟悉。需要此问题的帮助。由于组件代码更多，我为此提供了 Stackblitz Link 。

Answer 1

jQuery正在尝试使用 Angular尚未渲染的空DOM渲染轮播。

您必须将JQuery代码放在ngAfterViewInit中，而不是ngOnInit。

app.component.ts

import { Component, AfterViewInit } from '@angular/core';

...

export class AppComponent implements AfterViewInit {
  ngAfterViewInit(){
    // Jquery code STARTS
    ...
  }
}

stackblitz：https://stackblitz.com/edit/owl-carousel-example-pn1kjg

注意

在index.html中链接JavaScript文件会导致无法在Stackblitz中自动重新加载，这不是一个好习惯。