ionic框架导致多行省略号第一次显示不起作用

在使用ionic框架开发项目遇到一个坑，使用多行显示省略号第一次页面加载无效，然后进行页面跳转获取修改一个css样式，这时候多行显示省略号才会有效果。

原因:  使用ionic提供<ion-avatar>加载图片导致。

重现步骤：

1. 没有修改前页面初始化显示列表数据，发现多行显示省略号效果不对

2.  随便修改一个参数后发现多行显示省略号就生效了

修改方法：

1.  回到代码页面找到<ion-avatar>标签

2.修改为一个div标签

3.重新刷新页面即可以发现已经成功显示省略号。