{"repo":"ng2-ui/auto-complete","free":true,"listed":false,"github":"https://github.com/ng2-ui/auto-complete","clone":"git clone https://github.com/ng2-ui/auto-complete.git","description":"Angular Auto Complete component and directive","language":"TypeScript","stars":279,"topics":["angular","angular-material","auto-complete","material-ui"],"license":"MIT","category":"ui-components","readme_excerpt":"@ngui/auto-complete A versatile Angular autocomplete library that works as both a directive (attached to any input) and a standalone component . Live Demo --- Installation The directive positions its dropdown with the CDK Overlay, so @angular/cdk is a peer dependency and your app must include the CDK overlay styles once : Styling the dropdown: because the directive renders its dropdown in an overlay at the document root, any custom dropdown styles (e.g. classes used by a list-formatter or template) must be global , not scoped to an ancestor of the input. See Theming to restyle it with CSS variables. Setup Standalone (Angular 21+) The component and directive are standalone . Import them directly into your standalone component (or NgModule) imports : NgModule (Angular 20 and below) NguiAutoCompleteModule was removed in v21 — import the standalone component/directive shown above instead. If your app still relies on the NgModule, install the matching major and import the module as before: - Angular 20 → npm install @ngui/auto-complete@20 (standalone, but NguiAutoCompleteModule is still re-exported for back-compat). - Angular 19 and older → npm install @ngui/auto-complete@19 . --- Usage As a Directive Attach to any element containing an input . The directive is a ControlValueAccessor , so it binds with [(ngModel)] like any form control: Reactive forms Because the directive is a ControlValueAccessor , [formControl] and formControlName work directly: As a Component Use directly, con","default_branch":null,"files":null,"tree":[],"storefront":"/r/ng2-ui","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/ng2-ui/auto-complete/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}