Ionic 如何使用Tab键在Angular的同一页面中的不同子组件之间导航？

lawou6xi 于 2022-12-08 发布在 Ionic

关注(0)|答案(1)|浏览(229)

为了便于访问，所有的组件都可以用Tab键导航。我在登录页面上有两个组件，但是Tab键不能将焦点从上面的组件转移到下面的组件。

<div class="content">
        <login-form
            [formBuilder]="fb"
            [submitting]="loginPageState.submitting"
        ></login-form>

        <div
            *ngIf="pageData.appSettings"
            class="login-page__link"
            [innerHtml]="pageData.appSettings.login_page_link | safe: 'html'"
        ></div>

        <login-identity
            (identity)="onIdentity($event)">
        </login-identity>
    </div>

ionic-framework

来源：https://stackoverflow.com/questions/73275633/how-is-it-possible-to-use-the-tab-key-to-navigate-between-different-child-compon

1条答案

按热度按时间

gstyhher1#

尝试将tabindex属性添加到组件：https://developer.mozilla.org/fr/docs/Web/HTML/Global_attributes/tabindex
对于你的组件可以这样使用：

<login-identity
  tabindex=3
  (identity)="onIdentity($event)">
</login-identity>

或者类似于：在组件ts文件中：

@Component({
  selector: 'login-identity',
  ...
  host: {
    'tabindex': 3
  },
})
export class LoginIdentityComponent

赞(0）回复(0）举报 2022-12-08

我来回答

Ionic 如何使用Tab键在Angular的同一页面中的不同子组件之间导航？

1条答案

相关问题

热门标签

最新问答