복붙노트

[ANGULAR] 앵귤러 2가있는 매끄러운 회전 목마

ANGULAR

앵귤러 2가있는 매끄러운 회전 목마

해결법


  1. 1.데이터 소스가 채워진 후 DOM에 삽입되도록 슬릭 슬라이더에 * NGIF 지시문을 추가해야합니다.이 경우 가변 소스입니다.

    데이터 소스가 채워진 후 DOM에 삽입되도록 슬릭 슬라이더에 * NGIF 지시문을 추가해야합니다.이 경우 가변 소스입니다.

    <slick-slider *ngIf="sources">
        <div *ngFor="let source of sources">
            <img class="btn btn-lg" (click)="watchSource(source)" src="/assets/img/{{source.name}}.png" />
        </div>
    </slick-slider>
    

  2. 2.내 경우 * NGIF가있는 트릭은 충분하지 않았습니다. IM은 Ngoninit에서 REST 서비스를 호출하고 가입에서 배열을 정의하는 응답을 수신합니다. Me의 유일한 해결 방법은 Typescript에서 직접 Slick Function 'Slickadd'에 의해 수동으로 매끄러운 항목을 추가하는 것이 었습니다.

    내 경우 * NGIF가있는 트릭은 충분하지 않았습니다. IM은 Ngoninit에서 REST 서비스를 호출하고 가입에서 배열을 정의하는 응답을 수신합니다. Me의 유일한 해결 방법은 Typescript에서 직접 Slick Function 'Slickadd'에 의해 수동으로 매끄러운 항목을 추가하는 것이 었습니다.

    jQuery('.my-slick').slick('slickAdd', '<div><h3>ahoj</h3></div>');
    

    어쩌면 그것은 누군가를 도울 것입니다 ...

  3. from https://stackoverflow.com/questions/40137285/slick-carousel-with-angular-2 by cc-by-sa and MIT license