Hranaté zmienky pre textové polia
Uhlové zmienky
Jednoduché Angular spomína inšpirované o ment.io .
Kliknutím sem zobrazíte ukážku
Poskytuje automatické dopĺňanie návrhov pre @zmienky v poliach na zadávanie textu, textových oblastiach a poliach s možnosťou úpravy obsahu.
Ak chcete nainštalovať a spustiť demo aplikáciu:
|_+_|Použitie
Pridajte balík ako závislosť do svojho projektu pomocou:
|_+_|Pridajte modul do importov app.module:
|_+_|Pridajte |_+_| smernicu na váš vstupný prvok:
|_+_|Kde |_+_| je pole reťazcov položiek, ktoré sa majú navrhnúť. Napríklad:
showtime kedykoľvek aktivovať pre ohnivú palicu|_+_|
Možnosti konfigurácie
Je možné použiť nasledujúce voliteľné položky konfigurácie.
| Možnosť | Predvolené | Popis |
|---|---|---|
| položky | Pole reťazcov alebo objektov, ktoré možno navrhnúť. | |
| triggerChar | @ | Postava, ktorá spustí správanie menu. |
| labelKey | štítok | Pole, ktoré sa má použiť ako označenie položky (keď položky sú objekty). |
| vypnúť Zoradiť | falošný | Zakázať triedenie navrhovaných položiek. |
| zakázať vyhľadávanie | falošný | Zakázať interné filtrovanie (užitočné iba vtedy, ak sa používa asynchrónne vyhľadávanie). |
| dropUp | falošný | Zobrazte ponuku nad kurzorom namiesto pod ním. |
| maxItems | ∞ | Obmedzte počet položiek zobrazených v texte. Predvolená hodnota je bez obmedzenia. |
| spomenúťVybrať | Funkcia na formátovanie vybranej položky pred vložením textu. | |
| allowSpace | falošný | Pri spomínaní ponechajte medzery. |
| returnTrigger | falošný | Zahrňte spúšťací znak do udalosti searchTerm. |
Napríklad:
|_+_|Výstupné udalosti
Môžu sa použiť nasledujúce výstupné udalosti.
| Výkon | Popis |
|---|---|
| |_+_| | Vysiela sa vždy, keď sa hľadaný výraz zmení. Môže sa použiť na spustenie asynchrónneho vyhľadávania. |
| |_+_| | Vyšle sa, keď je vybratá položka. |
| |_+_| | Vyšle sa pri otvorení panela zmienok. |
| |_+_| | Vyšle sa, keď je panel zmienok zatvorený. |
Alternatívne použitie
Komponent možno použiť aj tak, že zadáte iba objekt zmienConfig:
|_+_|S nasledujúcou štruktúrou:
|_+_|Týmto spôsobom je možné použiť viacero konfiguračných objektov:
|_+_|To umožňuje konfigurovať rôzne zoznamy a spúšťacie znaky.
Všimnite si, že vzhľadom na to, že objekty sú meniteľné, zmeny položiek v rámci konfigurácie sa neprevezmú, pokiaľ sa nevytvorí nový objekt zmienConfig.
Podrobnosti o stiahnutí:
autor: dmacfarlane
GitHub: https://github.com/dmacfarlane/angular-menions