swiper无法实现内容滑动

Question

1. 问题

此处用Angular将swiper封装成了一个组件，但是在用的的时候无法实现多文本内容的滑动显示，其他地方用的同样的方法都可以，此处的swiper-slide只有一项，别处有很多项。不知道是不是这个原因。代码如图：

ngo-swiper里面封装了swiper-container和swiper-wrapper。

显示效果：

内容无法滑动。
宽高如下：

Answer 1

1个swiper-slide也是可以滑动的。此处的关键在于。内容是通过接口获取到的，swiper没有预先预留高度，没有高度自然无法滑动。此处解决办法有两种。
一、
swiper有个update（）方法，等内容更新完毕再计算宽高，可以实现。（此处要用到Angular里面子组件调用父组件的方法。）如图：

二、
Angular里面可以直接这样写，就不需要swiper调用update（）了。

值得注意的是，此处div要先定义样式。

Answer 2

要多个swiper-slide才能滑动的