在 div 中使用时，离子按钮不起作用

Question

我正在使用离子角度，离子按钮在某些部分代码中不起作用，但在某些部分代码中起作用。按钮没有被点击。

<div class="ion-page" id="main">
  <ion-header>
    <ion-toolbar>
      <ion-button slot="start" expand="block" >
        <ion-menu-button ></ion-menu-button>
        <!-- <ion-menu-button (onclick)="gotoLogin()"></ion-menu-button> -->
      </ion-button>
      <ion-title>Capture Image</ion-title>
    </ion-toolbar>
  </ion-header>
  <ion-content>
    <ion-list>
    <ion-button (click)="goToProfile()">Profile Page</ion-button>

    </ion-list>

    
  </ion-content>
</div>


<ion-menu side="start" menuId="first" contentId="main">
  <ion-header>
    <ion-toolbar color="primary">
      <ion-title>Menu</ion-title>
    </ion-toolbar>
  </ion-header>
  <ion-content>
    <ion-list>
      <ion-button (click)="goToProfile()">Profile Page</ion-button>
      <ion-button>Capture Image</ion-button>
      <ion-item>Community</ion-item>
    </ion-list>
  </ion-content>
</ion-menu>

div 中的按钮不起作用，而 ion-menu 中的按钮起作用。 这有什么问题？

Answer 1

你可以这样尝试，根据https://ionicframework.com/docs/api/item

<ion-list>
  <!-- Item as a Button -->
  <ion-item button (click)="buttonClick()">
    <ion-label>
      Button Item
    </ion-label>
  </ion-item>
</ion-list>