Question

我的ionic 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

当元素的渲染重叠时，我已经看到了这种情况。

您应该检查。在整个元素的顶部可能有一个不可见的层。因此，您可以看到它，但不能与其交互。让我们感到简单的按钮按下不起作用。

欢呼

Answer 2

像这样对我有用

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 Priyansh

如果您发表评论

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

在工作吗？

Answer 3

它没有用：

<ion-button [hidden]="showStock" (click)="setNewStock()" color="warning" class="ion-color ion-color-warning ios button button-solid ion-activatable ion-focusable hydrated">OK</ion-button>

这是有效的：（将func设置为离子按钮的结尾）

<ion-button [hidden]="showStock" color="warning" class="ion-color ion-color-warning ios button button-solid ion-activatable ion-focusable hydrated" (click)="setNewStock()">OK</ion-button>

这是奇怪的行为，但在我的情况下它有效

ion-button在ionic 4中单击不启动功能

3 个答案: