Input di tag angolari per materiale angolare
NgxMatTagInput
Input di tag angolari basato su Materiale angolare completamento automatico e chip.
- Posizione della biblioteca : |_+_| directory di questo repository.
- Posizione di esempio di lavoro: |_+_| directory di questo repository.
Dimostrazione
- Posizione di esempio di lavoro: |_+_| directory di questo repository.
- Stackblitz
Installazione
projects/ngx-mat-tag-input
FUOCO
projects/demo
projects/demo
@Ingressi()
Ingresso | Tipo | Necessario | Descrizione |
---|---|---|---|
Oggetti | Vettore | Opzionale | Array degli elementi di completamento automatico |
tag selezionati | Vettore | Opzionale | Array degli elementi selezionati di default |
aspetto esteriore | MatFormFieldAppearance | Opzionale | Lo stile di aspetto del campo modulo. |
sola lettura | booleano | Opzionale, predefinito: falso | Se l'elemento è di sola lettura. |
segnaposto | corda | Opzionale | Il segnaposto per questo controllo. |
displayBy | corda | Opzionale | Nome dell'attributo da visualizzare quando gli elementi sono Oggetti |
isLoading | booleano | Opzionale, predefinito: falso | Quando è vero, nell'elenco dei suggerimenti viene visualizzato uno spinner |
@Uscite()
Produzione | Descrizione |
---|---|
Ripristina | Viene emesso quando l'utente ripristina un modulo. |
ngModelChange | Viene emesso quando il modello di vista viene aggiornato. |
modificare | Viene emesso quando il contenuto dell'input è cambiato. |
Selezionare | Viene emesso quando è selezionato un elemento dall'elenco di completamento automatico. |
messa a fuoco | Viene emesso quando l'input riceve lo stato attivo. |
toccato | Viene emesso quando l'utente tocca l'input. |
utilizzo
- Importa il |_+_| nel modulo dell'app.
npm i ngx-mat-tag-input
import { NgxMatTagInputModule } from 'ngx-mat-tag-input'
- Usa l'input |_+_| nel tuo componente
selector: ngx-mat-tag-input
Costruire
Esegui |_+_| per costruire la biblioteca. Gli artefatti di build verranno archiviati nella cartella |_+_| directory. Usa il |_+_| flag per una build di produzione.
Esecuzione di unit test
Esegui |_+_| per eseguire gli unit test tramite Karma .
Scarica i dettagli:
Autore: adnanelamghari
Dimostrazione dal vivo: https://ngx-mat-tag-input-demo.stackblitz.io/
GitHub: https://github.com/adnanelamghari/ngx-mat-tag-input
#angular #javascript #angularjs