天天看點

推薦一款超強大的基于Angularjs的自動完成(Autocomplete)标簽及标簽組插件–ngTagsInput

今天利用中午午休時間,給大家分享推薦一款基于Angularjs的自動完成(Autocomplete)标簽及标簽組插件--ngTagsInput,功能超強大的。不信,你試試就知道^_^。。。

AutoComplete-- 自動完成對開發人員來說應該不會太陌生,特别是前端開發者。即使用者在文本框中輸入内容或者當文本框獲得焦點時智能提示與使用者輸入有關的建議内容。最常見的 百度(baidu.com)、谷歌(google.com)等的搜尋框就是這樣來設計的。目的是為了給使用者提供一個更好的輸入體驗。

在Angularjs還未出現之前,有一些基于Jquery的Autocomplete插件。如今Angularjs日趨成熟和流行,我們當然得緊跟步伐,使用Angluarjs來完成同樣的自動完成功能哦。

ngTagsInput在智能提示功能上與百度搜尋類似,但在一個文本框中輸入标簽(特别是多标簽)的情況下,就表現得非常強大了。先看個截圖:

類似這樣的功能,相信做前端的同學應該不會不認識吧。

之是以說ngTagsInput強大,是因為:

1.支援目前主流浏覽器(Chrome 31+, Firefox 29+, Safari 7+, Opera 12+, IE 10+)

2.文檔十分完善

3.支援各種配置和自定義選項

4.使用非常簡單

來個ngTagsInput的簡單但完整的示例:

怎麼樣,看到這裡有沒有一些想趕緊體驗的沖動呢?

行動吧,體驗吧,騷年!!!做IT這行最重要的就是不斷地探索并付諸行動,不實踐你是永遠不知道會發生什麼的!!!

最後,如果你覺得我分享的資源還不錯的話,請點個贊吧,也算是對我付出勞動的一點點肯定。Thank you!!!

-------------------------------------------------------------------------------------------------

----------------------------------------------------

專注Web和.NET開發,對前沿技術有深厚的興趣~~~

繼續閱讀