Ionic2-解决在使用slides的时候autoplay、loop等Input Properties报错问题-程序员宅基地

在我使用ionic提供的最新slides组件的时候，在使用autoplay等属性的时候

    <ion-slides autoplay="3000" loop=true pager=true >
        <ion-slide *ngFor="let slides_image of slides_images" >
            <img src="{
    {
    slides_image.image}}" alt="" >
        </ion-slide>
    </ion-slides>

遇到以下报错信息：

Runtime Error
    Cannot read property 'hasAttribute' of undefined

TypeError: Cannot read property 'hasAttribute' of undefined
    at autoplay (http://localhost:8100/build/main.js:45371:20)
    at startAutoplay (http://localhost:8100/build/main.js:45409:5)
    at initSwiper (http://localhost:8100/build/main.js:45362:9)
    at Slides._initSlides (http://localhost:8100/build/main.js:44207:102)
    at http://localhost:8100/build/main.js:44227:19

解决方法：
在使用ion-slides的时候加上*ngIf=”slides_images.length > 1”，判断其长度是否大于1即可。

    <ion-slides autoplay="3000" loop=true pager=true           *ngIf="slides_images.length > 1">
        <ion-slide *ngFor="let slides_image of slides_images" =>
            <img src="{
    {
    slides_image.image}}" alt="">
        </ion-slide>
    </ion-slides>

还有部分遇到在页面切换后autoplay失效的问题，只需要加上 autoplayDisableOnInteraction:false即可。

本文链接：https://blog.csdn.net/u010730897/article/details/70570051

原作者删帖不实内容删帖广告或垃圾文章投诉

智能推荐

Bootstrap UI框架_bootstrap button mini-程序员宅基地

Bootstrap中文网首页起步脚手架基本CSS样式组件JavaScript插件定制Lesscss教程关于组件无数可复用的组件，包括导航、警告框、弹出框等更多功能。下拉菜单按钮组按钮下拉菜单导航导航条面包屑分页标签与徽章排版缩略图警告框进度条媒体对象Misc下拉菜单案例用于展示可切换、有关联_bootstrap button mini

c++命名规则-程序员宅基地

变量命名规则是为了增强代码的可读性和容易维护性。以下为C++必须遵守的变量命名规则：变量名只能是字母（A-Z，a-z）和数字（0-9）或者下划线（_）组成。第一个字母必须是字母或者下划线开头。不能使用C++关键字来命名变量，以免冲突。变量名区分大小写。变量命名规则：一.用最短字符表示最准确的意义。二.使用变量前缀。1.整型前缀　　int nId; 　　　　　　 //int前缀：n　　short sId; 　　　　　　//short前缀：s　　unsigned int_c++命名规则

css样式设置方框右上角小图标-程序员宅基地

.rem_icon { position: absolute; width: 0; height: 0; border-top: 20px solid transparent; border-bottom: 20px solid transparent; border-left: 30px solid #000000; border...

在CentOS 6中关闭防火墙与selinux_centos 6关闭selinux-程序员宅基地

在CentOS 6中关闭防火墙与selinux一、关闭防火墙二、关闭selinux一、关闭防火墙第一步，root下打开终端，如果不知道如何打开终端，请看下面：对着桌面右键，选择 Open in Terminal ：第二步，输入指令 setup 。注意：这里需要root用户权限，普通用户转root：su root # 回车后接下来输入..._centos 6关闭selinux

实现光感采集 -串口通信要点总结_光感采集的实现-程序员宅基地

实现光感采集 -串口通信要点总结拖拽控件：MSComm1控件， Timer1 控件1 轮询算法发送指令实现方法： Timer1 控件初始设置： InterVal：500 Enable：flase Private Sub Timer1_Timer() ‘ Call send End SubPriva_光感采集的实现

java基础3-程序员宅基地

java基础3注解与反射注解注解不仅仅是可以让程序员能读懂的，并且程序也可以读；Annotation是从JDK5.0开始引入的新技术作用：不是程序本身，可以对程序做出解释可以被其他程序读取格式：以“@注解名”在代码中存在的，还可以添加一些参数值内置注解@Override:定义在java.lang.Override中，只适用于修辞方法，表示一个方法声明打算重写父类的另一个方法声明@Deprecated：定义在java.lang.Deprecated中，此注释可以用于修辞方法，