feat(angular): config input support

nolimits4web · Dec 9, 2020 · f7d21c5 · f7d21c5
1 parent e66c241
commit f7d21c5
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 0 deletions.
diff --git a/playground-angular/src/app/app.component.html b/playground-angular/src/app/app.component.html
@@ -35,6 +35,13 @@
       >
     </ng-container>
   </swiper>
+  <swiper [config]="{ slidesPerView: 3 }">
+    <ng-template swiperSlide>Best slide ever 2</ng-template>
+    <ng-template swiperSlide>Best slide ever 2</ng-template>
+    <ng-template swiperSlide>Best slide ever 2</ng-template>
+    <ng-template swiperSlide>Best slide ever 2</ng-template>
+    <ng-template swiperSlide>Best slide ever 2</ng-template>
+  </swiper>
   <button (click)="togglePagination()">Toggle pagination</button>
   <button (click)="toggleNavigation()">Toggle navigation</button>
   <button (click)="toggleScrollbar()">Toggle scrollbar</button>

diff --git a/src/angular/src/swiper.component.ts b/src/angular/src/swiper.component.ts
@@ -189,6 +189,12 @@ export class SwiperComponent implements OnInit {
     return this._virtual;
   }
   private _virtual: SwiperOptions['virtual'];
+
+  @Input()
+  set config(val: SwiperOptions) {
+    const { params } = getParams(val);
+    Object.assign(this, params);
+  }
   // prettier-ignore
   @Output('_beforeBreakpoint') s__beforeBreakpoint: EventEmitter<SwiperEvents['_beforeBreakpoint']> = new EventEmitter<any>();
   // prettier-ignore