First, update to the latest version of Ionic:
Once that is done, install the Swiper dependency in your project:
First, update to the latest version of Ionic:
npm install @ionic/angular@latest
Once that is done, install the Swiper dependency in your project:
npm install swiper@latest
Add code homeslider.page.html
<ion-content fullscreen class="ion-padding" scroll-y="false"> <swiper-container> <swiper-slide *ngFor="let s of slides"> <img src="{{s.image}}" /> <div class="slide" > <h2>{{s.title}}</h2> <p> {{s.para}} </p> <ion-button color="tertiary" (click)="goToHome()" shape="round"> {{s.btnText}} </ion-button> </div> </swiper-slide> </swiper-container> <!-- slides.component.html --> </ion-content>
Add homeslider.ts
import { register } from 'swiper/element/bundle'; register();
The first release candidate for Angular 19.2 is out, and it includes the new experimental httpResource . This is essentially a s...
No comments:
Post a Comment