离子按钮单击离子4中的不启动功能

Question

我的离子4代码中有一个按钮和一个功能。理想情况下，单击该按钮，该功能应该启动，但这不会发生。

我的HTML

<ion-content padding>
<div class="contentFlow" id="profile-content">
    <h1>Profile</h1>
    <ion-button (click)="clicked()"  expand="block" color="light">
      Logout
    </ion-button>
  </div>
</ion-content>

我的TS：

clicked() {
    alert('hello');
  }

注意：我需要在代码中保留div。

我该怎么办？

Answer 1

它像这样为我工作

HTML

      <div text-center>
        <ion-button (click)='bcWeek()' fill='clear' size='small' >
          <ion-icon name='arrow-dropleft' ></ion-icon>
        </ion-button>
        Some text
        <ion-button (click)='fwWeek()' fill='clear' size='small' >
          <ion-icon name='arrow-dropright' ></ion-icon>
        </ion-button>
      </div>

TS

  bcWeek() {
    console.log('back');

  }

  fwWeek() {
    console.log('fw');

  }

@ Kumar Priyesh

如果你发表评论

<div class="contentFlow" id="profile-content">

工作中？