Input di tag angolari per materiale angolare

Blog

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

  1. Importa il |_+_| nel modulo dell'app.

npm i ngx-mat-tag-input

import { NgxMatTagInputModule } from 'ngx-mat-tag-input'
  1. 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