离子按钮内容说明

Question

我正在为android / iOS开发一个离子2应用程序。在设备中启用对讲功能时，我需要覆盖按钮的内容描述。我在按钮中尝试使用alt和name选项，但似乎没有任何工作。

{{1}}

Answer 1

为了覆盖默认的内容描述，我在按钮中指定了aria-label，如下所示

<button click)="collapseDetails()" aria-label="Collapse">
  <ion-icon [name]="icon_collapse" aria-hidden="true" item-left color="primary">
  </ion-icon>
  {{ displayName }}          
</button>

为了动态设置aria-label，您可以使用

<ion-label attr.aria-label="{{display_name}} check the box to receive notifications" >{{display_name}} </ion-label>