slide.ts

import {AfterViewInit, 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";
import {StuffDetailPage} from "../../pages/home-pages/stuff-detail/stuff-detail";

@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
  ) {
  }

  ngAfterViewInit(){
      this.getBanner();
  }

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

  //轮播图变动
  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]);
  }
}