https://github.com/lostdou/dou-ng-autocomplete
Un componente simple de Autocomplete hecho para Angular 18
https://github.com/lostdou/dou-ng-autocomplete
angular angular18 autocomplete autocomplete-search npm-package
Last synced: 2 months ago
JSON representation
Un componente simple de Autocomplete hecho para Angular 18
- Host: GitHub
- URL: https://github.com/lostdou/dou-ng-autocomplete
- Owner: Lostdou
- Created: 2025-04-11T17:28:10.000Z (2 months ago)
- Default Branch: main
- Last Pushed: 2025-04-11T17:35:52.000Z (2 months ago)
- Last Synced: 2025-04-11T18:40:16.058Z (2 months ago)
- Topics: angular, angular18, autocomplete, autocomplete-search, npm-package
- Language: TypeScript
- Homepage: https://www.npmjs.com/package/dou-ng-autocomplete
- Size: 6.84 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# dou-ng-autocomplete
Un componente simple de Autocomplete hecho para Angular 18+ 🚀
## ✨ Características
- Fácil de usar
- Personalizable
- Compatible con Angular 18+
- Ligero y sin dependencias externas
## 📦 Instalación
```bash
npm install dou-ng-autocomplete
```
## 🔧 Uso básico
Importá el módulo en tu componente o en el módulo donde lo vayas a usar:
```ts
import { DouNgAutocompleteModule } from 'dou-ng-autocomplete';
@Component({
imports: [DouNgAutocompleteModule]
})
```
En el HTML:
```html
```
En el componente:
```ts
onItemSelect(item: string) {
console.log('Seleccionado:', item);
}
```
## 📚 Inputs disponibles
| Input | Tipo | Descripción |
|---------------|------------|--------------------------------|
| `items` | `string[]` | Lista de opciones a mostrar |
| `placeholder` | `string` | Texto del input (opcional) |
## 📦 Outputs
| Output | Tipo | Descripción |
|----------|-----------------------|------------------------------------|
| `select` | `EventEmitter` | Se emite al seleccionar un ítem |
## 🛠️ Requisitos
- Angular >= 18.0.0
- `@angular/forms`
**[@lostdou](https://github.com/lostdou)**
Hecho con ❤️.