我可以将Angular Material的md-autocomplete与多个值一起使用吗?

时间:2015-03-13 10:35:00

标签: angular-material

我参考了Angular Material的 md-autocomplete 。见here for documentation.

我是Angular Material的新手,我需要一个多值自动完成功能(有点像Stackoverflow的标签控件)。

这是否可以使用Angular Material的md-autocomplete

编辑1

我不确定如何继续。以下是我的尝试:

$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>

有人可以告诉我试图让md-autocomplete与多个选定值一起使用有什么问题吗?

1 个答案:

答案 0 :(得分:0)

您可以使用 md-chips md-autocomplete 合并来完成此操作。

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