Stack Overflow
Stack Overflow

Questions tagged [md-autocomplete]

is a special input component with a drop-down of all possible matches to a custom query. This component allows you to provide real-time suggestions as the user types in the input area.

docs

https://material.angularjs.org/latest/api/directive/mdAutocomplete

demo

https://material.angularjs.org/latest/demo/autocomplete

syntax

<md-autocomplete
    md-selected-item="selectedItem"
    md-search-text="searchText"
    md-items="item in getMatches(searchText)"
    md-item-text="item.display">
   <span md-highlight-text="searchText">{{item.display}}</span>
</md-autocomplete>

screenshot

enter image description here

131 questions
1
vote
1 answer

Material Design Autocomplete not updating dropdown on remote call

I'm trying to get md-autocomplete to play nice with Algolia's Angular service. I'm stuck on getting the dropdown to display the results being returned from Algolia. The content is in console yet the dropdown will not populate with the updated…
MTT
  • 327
  • 1
  • 5
  • 16
1
vote
1 answer

Material Angular md-autocomplete clear and blur after selection (multi select)

I am trying to use md-autocomplete in Angular Material as a multi selector. The idea is, that the selected element from the autocomplete will be added to an object array after selection and then the selection will be removed from the…
tromtv
  • 91
  • 1
  • 9
1
vote
1 answer

Linking user's contacts in firebase with md-contacts-chips

I am having difficulty getting my head around on how I could link my users contacts in Firebase with md-contacts-chips from https://material.angularjs.org/0.11.2/#/demo/material.components.chips Basically, each registered user can add people they…
Rahul Verma
  • 191
  • 2
  • 11
1
vote
1 answer

angular material md-autocomplete remove md-floating-label attribute not working

I have the following code when using the md-autocomplete directive in angular-material. I want to remove the md-floating-label entirely from the element if the acType != FORMULA: html: ng-attr-md-floating-label="{{ autocompleteFloatingLabel…
user1387717
  • 1,039
  • 1
  • 13
  • 30
0
votes
0 answers

Is there a way to automatically call a function in md-not-found in md-autocomplete?

Is there a way to make md-not-found call a function automatically, instead of showing the text with a link to that function? The code is directly from the md-autocomplete documentation
Kjell
  • 5
  • 3
0
votes
1 answer

Display only one attribute of arrayed objects in md-autocomplete :md-options

I'm still new to using Vuejs. I installed vue material and I am currently trying the md-autocomplete component. the data in my script looks something like this: selectedFruit: null, fruits: [ {name: "Orange", available: "5",…
smzh_
  • 29
  • 5
0
votes
1 answer

vue-material mdAutocomplete inside electron-vue app - setup problems

I am experimenting with electron-vue seed app and have upgraded electron to 8 and vue to the latest versions. I am installing vue-material components in my src/renderer/router/index.js: import Vue from 'vue' import Router from 'vue-router' import {…
notbrain
  • 3,366
  • 2
  • 32
  • 42
0
votes
1 answer

md-autocomplete does not work for number field in angularjs

I am working with md-autocomplete in angularjs material. It's working fine when the search field is string. But when it's number then it's does not search as expected. My code: HTML
Majedur
  • 3,074
  • 1
  • 30
  • 43
0
votes
1 answer

is not initializing.

this will be the function I tried when change the drop down [This is my the code for autocomplete. I tried everything. I want to set the autocomplete to empty when I change the drop down]
Sandeep Sudhakaran
  • 1,072
  • 2
  • 9
  • 22
0
votes
1 answer

md-autocomplete returns TypeError: Cannot read property 'then' of undefined

Using the md-autocomplete component from angular material I've got a problem:
Atlas91
  • 5,754
  • 17
  • 69
  • 141
0
votes
1 answer

How to change options when searching in md-autocomplete

How to change options when i am typing in . It is not working properly when I type filter not working its show all the list i want change list text according to search please help me this.
Sami
  • 117
  • 1
  • 12
0
votes
1 answer

md-autocomplete searching with query issue

Hello I have a md auto complete search box, my issue is that when typing a name the search function is called. The search function calls onto an api but in the meantime it returns a null array to the auto complete form. Is there a way to tell the…
paul590
  • 1,385
  • 1
  • 22
  • 43
0
votes
2 answers

Disable vertical scroll bar for md-autocomplete autosuggestion drop down

i want to disable scroll bar for md-autocomplete autosuggestion drop down.Is there any css or attribute way to do it?
aks
  • 7
  • 6
0
votes
0 answers

Changing background color of md-autocomplete

I am trying to implement md-autocomplete using Angular Materials. How do I change the background color to white? Approach 1: I tried to use $mdThemingProvide but it is changing the background of the input box. Approach 2: I also tried to change…
user45437
  • 183
  • 3
  • 15
1 2 3
…
8 9