{"id":15465164,"url":"https://github.com/tak-bro/ng-numeric-keyboard","last_synced_at":"2025-09-16T17:32:34.282Z","repository":{"id":41717128,"uuid":"238843954","full_name":"tak-bro/ng-numeric-keyboard","owner":"tak-bro","description":"Number keyboard for mobile browsers For Angular","archived":false,"fork":false,"pushed_at":"2022-12-10T17:21:36.000Z","size":2656,"stargazers_count":4,"open_issues_count":18,"forks_count":2,"subscribers_count":2,"default_branch":"develop","last_synced_at":"2024-12-27T03:33:49.661Z","etag":null,"topics":["angular","keyboard","mobile","mobile-keyboards","mobile-web","number-keyboard","numberkeyboard","phone-layout","tel-layout"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/tak-bro.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2020-02-07T04:31:43.000Z","updated_at":"2023-03-23T02:15:28.000Z","dependencies_parsed_at":"2023-01-26T05:31:17.101Z","dependency_job_id":null,"html_url":"https://github.com/tak-bro/ng-numeric-keyboard","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tak-bro%2Fng-numeric-keyboard","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tak-bro%2Fng-numeric-keyboard/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tak-bro%2Fng-numeric-keyboard/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tak-bro%2Fng-numeric-keyboard/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/tak-bro","download_url":"https://codeload.github.com/tak-bro/ng-numeric-keyboard/tar.gz/refs/heads/develop","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":232802714,"owners_count":18578684,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["angular","keyboard","mobile","mobile-keyboards","mobile-web","number-keyboard","numberkeyboard","phone-layout","tel-layout"],"created_at":"2024-10-02T00:58:37.555Z","updated_at":"2025-09-16T17:32:28.927Z","avatar_url":"https://github.com/tak-bro.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003ch1 align=\"center\"\u003eng-numeric-keyboard\u003c/h1\u003e\n\n\u003cp align=\"center\"\u003eNumber keyboard for mobile browsers For Angular\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\n  \u003ca aria-label=\"build status\" href=\"https://github.com/tak-bro/ng-numeric-keyboard/actions\"\u003e\n    \u003cimg alt=\"\" src=\"https://github.com/tak-bro/ng-numeric-keyboard/workflows/build/badge.svg\"\u003e\n  \u003c/a\u003e\n  \u003ca aria-label=\"npm package\" href=\"https://www.npmjs.com/package/ng-numeric-keyboard\"\u003e\n    \u003cimg alt=\"\" src=\"https://img.shields.io/npm/v/ng-numeric-keyboard.svg\"\u003e\n  \u003c/a\u003e\n  \u003ca aria-label=\"last commit\" href=\"https://github.com/tak-bro/ng-numeric-keyboard/commits/develop\"\u003e\n    \u003cimg alt=\"\" src=\"https://img.shields.io/github/last-commit/tak-bro/ng-numeric-keyboard.svg\"\u003e\n  \u003c/a\u003e\n  \u003ca aria-label=\"license\" href=\"https://github.com/tak-bro/ng-numeric-keyboard/blob/develop/LICENSE\"\u003e\n    \u003cimg src=\"https://img.shields.io/github/license/tak-bro/ng-numeric-keyboard.svg\" alt=\"\"\u003e\n  \u003c/a\u003e\n\u003c/p\u003e\n\n\u003e This project was forked in [numeric-keyboard](https://github.com/viclm/numeric-keyboard)\n\n## Demo\n\n![Alt Text](https://github.com/tak-bro/ng-numeric-keyboard/raw/develop/static/demo.gif)\n\n## Usage\n\n### 1. Install\n\n```\nnpm install ng-numeric-keyboard --save\n```\n\nimport `NgNumericKeyboardModule`。\n\n```typescript\nimport { NgNumericKeyboardModule } from 'ng-numeric-keyboard';\n\n@NgModule({\n  imports: [ BrowserModule, NgNumericKeyboardModule ],\n  declarations: [AppComponent],\n  bootstrap: [AppComponent]\n})\nexport class AppModule { }\n```\n\n### 2. Template\n\n```html\n\u003cng-numeric-input [layout]=\"'number'\"\n                  [entertext]=\"'Next'\"\n                  [placeholder]=\"'This is placeholder'\"\n                  [disabled]=\"false\"\n                  [(ngModel)]=\"data\"\n                  (enterpress)=\"onEnter()\"\n                  (ngModelChange)=\"onChange()\"\n                  (focus)=\"onInputFocus()\"\n                  (blur)=\"onInputBlur()\"\u003e\n\u003c/ng-numeric-input\u003e\n\n```\n\n## API\n\nFrequently used API is below. See the [link](https://github.com/viclm/numeric-keyboard#optionsprops) for more information\n\n### Inputs\n|  Name                      | Type      | Default      | Description     |\n| -------------------------- |---------- | ------------ | --------------- |\n| `layout`                   | string    | `number`     | keyboard layout. Possible layouts are `number`, `tel` and `phone` |\n| `entertext`                | string    | `Enter`      | the label of keyboard enter key |\n| `placeholder`              | string    |              | the input component's placeholder |\n| `disabled`                 | boolean   | false        | disable the input component |\n\n### Outputs\n| Name                    | Type              | Description |\n| ----------------------- | ----------------- | ----------- |\n| `ngModelChange()`       | number            | Emits when the enter key of keyboard is pressed |\n| `enterpress()`          | void              | Emits when the input's value changes            |\n| `focus()`               | void              | Emits when called on focusing                   |\n| `blur()`                | void              | Emits when the input loses the focus            |\n\n### Layouts\n\nThere are three built-in layouts called `number`, `tel` and `phone` which can be used as a replacement of system keyboard. \n\n##### number layout\n![number layout](https://github.com/tak-bro/ng-numeric-keyboard/raw/develop/static/number.png)\n\n##### tel layout\n![tel layout](https://github.com/tak-bro/ng-numeric-keyboard/raw/develop/static/tel.png)\n\n##### phone layout\n![phone layout](https://github.com/tak-bro/ng-numeric-keyboard/raw/develop/static/phone.png)\n\n## Troubleshooting\n\nPlease follow this guidelines when reporting bugs and feature requests:\n\n1. Use [GitHub Issues](https://github.com/tak-bro/ng-numeric-keyboard/issues) board to report bugs and feature requests (not our email address)\n2. Please **always** write steps to reproduce the error. That way we can focus on fixing the bug, not scratching our heads trying to reproduce it.\n\nThanks for understanding!\n\n### License\n\nThe MIT License (see the [LICENSE](https://github.com/tak-bro/ng-numeric-keyboard/blob/develop/LICENSE) file for the full text)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftak-bro%2Fng-numeric-keyboard","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ftak-bro%2Fng-numeric-keyboard","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftak-bro%2Fng-numeric-keyboard/lists"}