zeinababbasi98
zeinababbasi98
خواندن ۱ دقیقه·۵ سال پیش

رفتن به صفحه دیگر با کلیک روی دکمه در آیونیک 4


روش اول: استفاده از دستور "[routerLink]="['/twitte'] در تگ دکمه مورد نظر در فایل html. بجای twitte در این مثال اسم صفحه ای که با کلیک میخواهید وارد آن شوید را بنویسید.

روش دوم: ابتدا کدهای زیر را به فایل .ts صفحه ای که دکمه در آن قرار دارد اضافه می کنیم.

import { Router } from '@angular/router';

سپس private router: Router را به پارامترهای ورودی constructor اضافه می کنیم.

بعد تابع کلیک را در همین صفحه بعد از constructor می نویسیم :

addTwitt(){

this.router.navigate(['/PageName']);

}

در آخر برای استفاده از تابع به فایل html بر میگردیم و "()click)="addTwitt) را به تگ دکمه اضافه می کنیم.

در صورت کار نکردن کلیک ها در مرورگر با استفاده از ctrl+c از اجرا خارج شده و با دستور زیر

مجددا پروژه را اجرا کنید ionic serve --devapp

ionicclicktypescript
شاید از این پست‌ها خوشتان بیاید