Not taking TS options only html

[PabloHermidaG]

Hello and sorry for not putting a link but I cant replicated in the sandbox.

My problem is that swiper container only takes the options in the html. Nothing that I put in the TS works.

<swiper-container class="swipe">
     <swiper-slide>1</swiper-slide>
     <swiper-slide>1</swiper-slide>
     <swiper-slide>1</swiper-slide>
</swiper-container>

TS

import Swiper from "swiper";

  ngOnInit() {
    this.swipe = new Swiper('.swipe', {
      // Default parameters
      slidesPerView: 1,
      loop: true,
    });
  }

I have this in my app module

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { RouteReuseStrategy } from '@angular/router';

import { IonicModule, IonicRouteStrategy } from '@ionic/angular';
import {provideHttpClient, withInterceptorsFromDi} from '@angular/common/http'

import { AppComponent } from './app.component';
import { AppRoutingModule } from './app-routing.module';

import { register } from 'swiper/element/bundle';
register();

@NgModule({
  declarations: [AppComponent],
  imports: [
    BrowserModule,
    IonicModule.forRoot(),
    AppRoutingModule],
  providers: [{ provide: RouteReuseStrategy, useClass: IonicRouteStrategy },
    provideHttpClient(
      withInterceptorsFromDi()
    )],
  bootstrap: [AppComponent],
})
export class AppModule {}