ng-zorro框架的走马灯本身还没有左右方向控件的实现,作者只是在文档中(0.6x)中曝出几个方法接口,如图:
实现:
import { NzCarouselComponent } from 'ng-zorro-antd';
在需要引用carousel的父组件中引入NzCarouselComponent 组件将其作为子组件
import { NzCarouselComponent } from 'ng-zorro-antd';
通过把本地变量#carousel,将NzCarouselComponent组件绑定到父组件
<div class="controlContainer"> <span class="controlBar" (click)="carousel.nzSlickPrev()"> <i class="anticon anticon-left"></i> </span> <span class="controlBar" (click)="carousel.nzSlickNext()"> <i class="anticon anticon-right"></i> </span> </div> <nz-carousel class="homeCarousel" #carousel> ... </nz-carousel>
如对本文有疑问, 点击进行留言回复!!
Agora 开源 | 一个 Demo,帮你快速实现社交直播四大场景
vuejs (2)- Vue 生命周期 和 VueJS ajax
网友评论