slide.ts

import {
    AfterViewInit, ApplicationRef,
    ChangeDetectorRef,
    Component,
    ElementRef,
    EventEmitter,
    OnInit,
    Output,
    ViewChild
} from '@angular/core';
import {TabsService} from "../../pages/tabs/tabs.service";
import {AppGlobal} from "../../service/http.service";
import {App, NavController, Slides} from "ionic-angular";

@Component({
    selector: 'slide',
    templateUrl: 'slide.html'
})
export class SlideComponent implements AfterViewInit {
    @ViewChild(Slides) slides: Slides;
    @Output() done = new EventEmitter<any>();

    picture: string = AppGlobal.domain + '/wisdomgroup';
    slideTitle;
    slideIndex;
    slidersItems = [];

    constructor(private tabsSer: TabsService,
                private app: App, private changeDetectorRef: ApplicationRef,
    ) {
    }

    ngAfterViewInit() {
        this.getBanner();
    }

    //获取轮播图
    getBanner() {
        console.log('getBanner')
        const data = {
            isRecent: 0,
            obj: {
                resourceType: 2,
                isRecommend: 1,
            }
        };
        this.tabsSer.stuffPage(data).subscribe(
            (res) => {
                if (res.data.list.length > 0) {
                    res.data.list.forEach(e => {
                        if (e.attachments.length > 0) {
                            e.imgUrl = e.attachments[0].path;
                        }
                    })
                }
                if (this.slidersItems.length > 0) {
                    this.slidersItems = [];
                } else {
                    this.slidersItems = res.data.list;
                }
                console.log(this.slidersItems);
            }
        )
    }

    setBlank() {
        this.slidersItems = [];
        console.log(this.slides);
    }

    //轮播图变动
    slideChange(e) {
        this.slideIndex = this.slides.realIndex + 1;
        this.slideTitle = this.slidersItems[this.slideIndex - 1].title;
    }

    //查看文章详情
    goToDetail() {
        const index = this.slides.realIndex;
        if (this.slidersItems[index].plateType == 20) return false;
        this.done.emit(this.slidersItems[index]);
    }
}