npm install imeepos-angular-swiper``
`angular2html
[items]="swiperItems"
(success)="initSwiperSuccess($event)"
>
`
`angularjs`
import { SlidesModule } from 'imeepos-angular-swiper';
@NgModule({
imports: [
SlidesModule
]
})
export class AppModule { }
angularjs
import { Component } from '@angular/core';
import {initSlidesOptions, SlidesOptions } from "./slides/slides/slides.component";
interface Swiper{
options: SlidesOptions;
items: any[];
success: Function;
}
@Component({
selector: 'meepo-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.css']
})
export class AppComponent {
title = 'app works!'; swiper1: Swiper;
swiper: any; //返回控制器
constructor(){
this.initSwiperOption();
// setInterval(()=>{
// this.swiper1.items.push({
// image: '/assets/1.jpg',
// handler: (item)=>{
// console.log(item)
// }
// })
// }, 10000)
}
initSwiperOption(){
const opt = initSlidesOptions();
opt.slidesPerView = 1;
this.swiper1 = {
options: opt,
items: [{
image: '/assets/1.jpg',
handler: (item) => {
console.log(item)
}
},{
image: '/assets/2.jpg',
handler: (item) => {
console.log(item)
}
},{
image: '/assets/3.jpg',
handler: (item) => {
console.log(item)
}
}],
success: (swiper) => {
this.swiper = swiper;
}
}
}
}
``