CODEWITHSUNDEEP
angularjsangularjs-material
balteo
balteo

Reputation: 24709

Can I use AngularJS Material's md-autocomplete with multiple values?

I am in reference to AngularJS Material's md-autocomplete. See here for documentation.

I am new to Angular Material and I need a multiple value autocomplete (somewhat like the Tags control of Stackoverflow).

Is this possible with AngularJS Material's md-autocomplete?

Here is what I have attempted:

$scope.advertisement.languages = [];

$scope.chooseLanguages = function (input) {
    var deferred = $q.defer();
    languageService.languages(input, function (languages) {
        deferred.resolve(languages);
    });
    return deferred.promise;
};

<md-autocomplete
  md-no-cache="false"
  md-min-length="3"
  md-selected-item="advertisement.languages"
  md-search-text="searchLanguage"
  md-items="language in chooseLanguages(searchLanguage)"
  md-item-text="language.description"
  placeholder="spoken languages?">
  <span ng-repeat="lang in advertisement.languages" md-highlight-text="lang">{{lang.description}}</span>
</md-autocomplete>

Can someone please advise on what is wrong with my attempt to get the autocomplete to work with multiple selected values?

Upvotes: 5

Views: 9587

Answers (0)

Related Questions