feat(angular): config input support

Author: vltansky

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>

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