angular - 可以为角材料中的垫子图标禁用制表位吗？

首页 > 解决方案 > 可以为角材料中的垫子图标禁用制表位吗？

问题描述

我正在使用角度材料让用户输入密码。我也有允许我显示或屏蔽文本输入的切换。这一切都很好，除了我想找到一种方法来删除眼睛图标，该图标将字段从文本更改为标签顺序中的密码。现在，如果我在输入字段中并点击选项卡，我的下一站是 mat-icon。有没有停止在 mat-icon 上？

 <mat-form-field>
    <input matInput placeholder="Enter your password" [type]="hide ? 'password' : 'text'">
    <button mat-icon-button matSuffix (click)="hide = !hide" [attr.aria-label]="'Hide password'" [attr.aria-pressed]="hide">
    <mat-icon>{{hide ? 'visibility_off' : 'visibility'}}</mat-icon>
    </button>
  </mat-form-field>

标签： angularangular-material

解决方案

在这种情况下，尝试将属性“tabindex”添加到值为“-1”的 mat-icon。

{{隐藏？'visibility_off' : '可见性'}}

推荐阅读