2yy-ngx-menu 中文文档教程

发布于 3年前 浏览 21 项目主页 更新于 3年前

NgxMenu

测试 可维护性”></a> 
  <a href=测试覆盖率

此项目是使用 Angular CLI 10.0.1 版生成的。

Installation

npm i 2yy-ngx-menu

Motivation

  • Use [FocusKeyManager]() with your own styles. (Fully customizable)

Usage

  1. Wrap your menu items with lib-ngx-menu.
  2. Add libNgxMenuItem directive to your menu items.

Example

<lib-ngx-menu>
  <button #button1 libNgxMenuItem (focusReceived)="lastFocusedButtonNumber = 1">Button 1</button>
  <button libNgxMenuItem (focusReceived)="lastFocusedButtonNumber = 2">Button 2</button>
  <button libNgxMenuItem (focusReceived)="lastFocusedButtonNumber = 3">Button 3</button>
  <button libNgxMenuItem (focusReceived)="lastFocusedButtonNumber = 4">Button 4</button>
  <button libNgxMenuItem (focusReceived)="lastFocusedButtonNumber = 5">Button 5</button>
</lib-ngx-menu>

您可以自由自定义按钮样式。

License

麻省理工学院许可证

NgxMenu

Test Maintainability Test Coverage

This project was generated with Angular CLI version 10.0.1.

Installation

npm i 2yy-ngx-menu

Motivation

  • Use [FocusKeyManager]() with your own styles. (Fully customizable)

Usage

  1. Wrap your menu items with lib-ngx-menu.
  2. Add libNgxMenuItem directive to your menu items.

Example

<lib-ngx-menu>
  <button #button1 libNgxMenuItem (focusReceived)="lastFocusedButtonNumber = 1">Button 1</button>
  <button libNgxMenuItem (focusReceived)="lastFocusedButtonNumber = 2">Button 2</button>
  <button libNgxMenuItem (focusReceived)="lastFocusedButtonNumber = 3">Button 3</button>
  <button libNgxMenuItem (focusReceived)="lastFocusedButtonNumber = 4">Button 4</button>
  <button libNgxMenuItem (focusReceived)="lastFocusedButtonNumber = 5">Button 5</button>
</lib-ngx-menu>

Your can customize there buttons style freely.

License

MIT License

更多

友情链接

    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文