From the course: Angular: Material Design
Unlock the full course today
Join today to access over 22,600 courses taught by industry experts or purchase this course individually.
Autocomplete - Angular Tutorial
From the course: Angular: Material Design
Autocomplete
- [Instructor] An Autocomplete looks like a normal text box but provides a menu of suggested options when the user interacts with it. Filters are used to reduce the number of options as the user types. We can use one property for the Autocomplete search and another for the value that saved in the text box. For example, if I'm searching a list of users I want to search by name, but I really want the user's ID number stored as the value. For required fields, we can highlight the first element when the user interacts with the Autocomplete. We can group our options together, but we want to be careful how many options we actually load on a page at once. You've probably seen actions embedded in an Autocomplete. Be careful though, it can confuse your users if you don't distinguish which selections are options and which are actions. The material specification doesn't recommend mixing these two things, but if you really need to do it, I'd recommend making it very clear to the user which…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.