Improving search with <amp-list> and <amp-bind>
Earlier we noted that amp-bind and amp-list together was a potent combination--so what else can we do? Search is one place that it can help with, so let's revisit our product search form from Chapter 6, Making contact - Forms in AMP. We can improve it in two ways:
- Adding filtering and sorting, and removing the reliance on
submit-success - Adding autocomplete/autosuggest functionality
Sorting, filtering, and updating search results
In Chapter 6 , Making contact - Forms in AMP, we implemented a product search form. It performed the search without needing a page reload using an XHR amp-form submission, and displayed the results with amp-mustache in the submit-success template. We noted, however, that the submit-success approach was clunky and limiting in terms of page layout: the search results were too tightly coupled with amp-form. With amp-list and amp-bind, we can loosen this coupling in a more flexible approach that also allows us to...
