Skip to main content

Implementing md-autocomplete with AngularJs

AngularJS is a JavaScript-based open-source front-end web application framework that is incredibly popular among developers as it provides an excellent toolset to build an application most dynamically with rich interactive features and functionalities for a real-time experience. Mostly used in Single Page Application (SPA) projects, AngularJS models are JavaScript objects which makes it easy to code, test, maintain reuse, and most importantly free.
When it comes in one of its input component called “md-autocomplete” these are the points to consider while implementing it during development.  It displays a dropdown of all possible matching content to user’s query. User will be able to pick required content from the drop-down that would have all the potential matches based on the search characters entered by him/her.
md-autocomplete is different from browser’s autofill feature. It allows user to key-in any value but will not allow the user to select a value which is not part of the matching content in the drop-down. Browser cache will not be reflected in the md-autocomplete drop-down.

Here are the steps to implement md-autocomplete with AngularJS


Popular posts from this blog

Future Focus Infotech Digital Business & Transformation | Introduction

About Us Future Focus Infotech Pvt. Ltd. (FFI) – an established IT solutions provider for 20 years – offers innovative software services. Resources define the competency of an IT services organization and we have proven track record of operating a successful offshore/onshore model. The US office (Focus America Inc) was established in 2000 and the UAE (Future Focus Infotech FZE) in 2011. Our large pool of resources include 3,500+ skilled/trained employees in IT Solutions and Infrastructure Management – who are available offshore in India, US, and UAE with a “ready-to-serve” attitude.With such a diverse presence, we are successfully expanding into other markets proving ourselves as a global professional services firm. A unique combination of our quality processes, information security standards and ISO certifications brings us repeat business for high-class projects from our Tier 1 clients. Being ISO 9001 certified since 2005, our approach is always quality led. Our Quality Management S…

Using TestNG Framework in Automated Testing

Basics of UX and UI

UX refers to the term User Experience while UI stands for User Interface. But despite their vicinity, there are lot more to their execution process and design discipline.

UX design relates to the overall user interaction and experience with an application or a website. It is well known that great user experience results in return customers and great app usage. Hence the more importance. Typically, the UX Design process include research, design, prototyping, testing and measurement. Lot of factors influence UX process such as usability, utility, accessibility, design/aesthetics, performance, ergonomics, overall human interaction and marketing.

On the other hand, User Interface (UI) is more about visual design and information design around screens. Though a lot of process go into this graphical element, UI as the name implies, about the things the user will actually see and interact. It delivers tangible results and focuses on how an app or product surface look and functions.
Detailly disc…