Angucomplete IE8
Autocomplete directive for people who still need to suffer
IE8 compatible autocomplete direcitve
angucomplete-ie8
.
Example 1 - Countries of the World
Example 2 - People
Example 3 - Clear Result on Selection
Example 4 - Override Suggestions with Clear Result
Example 5 - Using GitHub Search API
Example 6 - Show Matches in Both Name and Description
Example 7 - Callback
Example 8 - Required
Example 9 - Initial Value
Example 10 - Track Input Changes
Example 11 - Auto Match
Example 12 - Track Input Focus
Example 13 - Disable/Enable Input
Example 14 - Custom Template
Example 15 - Clear Input on Button Click
Example 16 - Change Input on Button Click
Example 1 - Countries of the World
You selected
{{selectedCountry.originalObject.name}}
which has a country code of
{{selectedCountry.originalObject.code}}
Example 2 - People
You selected
{{selectedPerson.originalObject.firstName}} {{selectedPerson.originalObject.surname}}
Example 3 - Clear Result on Selection
You selected
{{selectedCountry3.originalObject.name}}
which has a country code of
{{selectedCountry3.originalObject.code}}
Example 4 - Override Suggestion with Clear Results
You selected
{{selectedCountry4.originalObject}}
Example 5 - Using GitHub Search API
does not work on IE8 due to IE8's security model
Repository:
{{selectedProject.originalObject.git_url}}
Example 6 - Show Matches in Both Name and Description
You selected
{{selectedCountry6.title}}
which has a country code of
{{selectedCountry6.description}}
Example 7 - Callback
Example 8 - Required
Example 9 - Initial Value
You selected
{{countrySelected9.name}}
Example 10 - Track Input Changes
current input field value: {{ console10 }}
Example 11 - Auto Match
You selected
{{countrySelected11.originalObject.name}}
which has a country code of
{{countrySelected11.originalObject.code}}
Example 12 - Track Input Focus
input field focus state: {{ focusState }}
Example 13 - Disable/Enable Input
disable
You selected
{{countrySelected13.originalObject.name}}
which has a country code of
{{countrySelected13.originalObject.code}}
Example 14 - Custom template
You selected
{{countrySelected14.originalObject.name}}
which has a country code of
{{countrySelected14.originalObject.code}}
You selected a custom country
{{countrySelected14.originalObject.name}}
Example 15 - Clear Input on Button Click
This should clear the input and set the bound values to '' or null
Clear #ex15
Clear all
You selected
{{selectedCountry15.originalObject.name}}
which has a country code of
{{selectedCountry15.originalObject.code}}
Example 16 - Change Input on Button Click
This should change the input
Change #ex16
You selected
{{selectedCountry16.originalObject.name}}
which has a country code of
{{selectedCountry16.originalObject.code}}
Originally developed by Daryl Rowland (
@darylrowland
)
Forked and developed by Hidenari Nozaki (
@ghiden
)