ng2-ui/auto-complete
این کامپوننت و دایرکتیو اتومیتیک کامل برای انجام عملیات اتوکامپلیت در برنامه‌های انگولار (Angular) طراحی شده است.
با استفاده از این کتابخانه، کاربران می‌توانند در حین تایپ، لیستی از پیشنهادات را مشاهده کنده و یکی را انتخاب کنند.
کاربرد:
این کامپوننت برای بهبود تجربه کاربری در فرم‌ها و جاهایی که کاربر باید از بین گزینه‌های زیادی انتخاب کند، بسیار مفید است.
مثلاً در جستجوی شهر، محصول، یا هر داده‌ای که قابلیت پیشنهاد شدن داشته باشد.
در چه شرایطی بهتره استفاده شود؟
- وقتی با انگولار کار می‌کنید (نسخه‌های قدیمی‌تر مثل Angular 2+)
- نیاز به یک اتوکامپلیت سبک و بدون وابستگی به کتابخانه‌های دیگه دارید
- می‌خواهید به راحتی لیست پیشنهادات رو از یک API یا آرایه داخلی نمایش بدید
- به دنبال قابلیت‌هایی مثل فیلتر خودکار، انتخاب با کلیدهای جهت و نمایش HTML در پیشنهادات هستید
چند مثال از موارد استفاده:
جستجوی شهر در فرم ثبت سفارش
پیشنهاد نام محصول در پنل مدیریت
انتخاب نام کاربری در شبکه‌های اجتماعی
جستجوی فایل در سیستم‌های مدیریت محتوا
- ##autocomplete
- ##angular
- ##ui
- ##forms
- ##web
- ##typescript
- ##ng2
- ##user
- ##dynamic
- ##input