ionic-framework - 如果图像不可用，如何在离子滑块中隐藏寻呼机

Question

如果图像为空，如何隐藏图像滚动？我有四个图像，其中第 3 和第 4 个图像不会是强制性的，如果图像名称是noimg.jpg，如何实现？

下面的代码，隐藏图像，但仍然自动滚动

  <ion-slide-box auto-play='true' does-continue='true' slide-intervel='30000'>
   <ion-slide> 
    <img style="width:150px;height:150px;alignment-adjust: middle;"  src="http://www.xx.com/uploads/icons/{{y.menu_icon}}"/>
   </ion-slide>
   <ion-slide> 
      <img style="width:150px;height:150px;margin-left: 40px;alignment-adjust: middle;" src="http://www.xx.com/uploads/icons/{{y.menu_icon2}}"/>
   </ion-slide> 
   <ion-slide ng-show="y.menu_icon3 != 'noimg.jpg'"> 
      <img style="width:150px;height:150px;margin-left: 40px;alignment-adjust: middle;" src="http://www.xx.com/uploads/icons/{{y.menu_icon3}}"/>
   </ion-slide> 
   <ion-slide ng-show="y.menu_icon4 != 'noimg.jpg'"> 
      <img style="width:150px;height:150px;margin-left: 40px;alignment-adjust: middle;" src="http://www.xx.com/uploads/icons/{{y.menu_icon4}}"/>
   </ion-slide-box>

Answer 1

您可以使用show-pager="false"属性

或者

.slider-pager { display:none; }如果没有滑块数据，您可以使用 css 有条件地执行此操作。

问候。