我在 Ionic Angular 應用程式中有一個選單。
<ion-menu-toggle auto-hide="false" *ngFor="let p of menuItems; let i = index">
<ion-item button (click)=p.method >
<ion-icon slot="start" [ios]="p.icon '-outline'" [md]="p.icon '-sharp'"></ion-icon>
</ion-item>
</ion-menu-toggle>
public menuItems = [
{ title: 'New', method: this.newFile, icon: 'add' },
{ title: 'Open', method: this.openFile, icon: 'download' },
{ title: 'Save', method: this.saveFile, icon: 'save' },
{ title: 'Export', method: this.exportFile, icon: 'archive' }
]
newFile(){ console.log("New");}
openFile(){ console.log("Open");}
...
但是按鈕單擊什么也不做。
有沒有辦法通過串列傳遞方法，還是我被迫使用帶有開關的方法？
<ion-item button (click)=menuSwitch(p.method) >
menuSwitch(item){
if(item == 'New')
NewFile();
...
}
uj5u.com熱心網友回復：
當然你可以做到。這是JS。你可以做任何事情。只需更改您的點擊，如下所示
<ion-menu-toggle auto-hide="false" *ngFor="let p of menuItems; let i = index">
<ion-item button (click)="p.method()">
<ion-icon slot="start" [ios]="p.icon '-outline'" [md]="p.icon '-sharp'"></ion-icon>
</ion-item>
</ion-menu-toggle>
轉載請註明出處，本文鏈接：https://www.uj5u.com/caozuo/424035.html