如何对对象数组使用Jquery自动完成功能

Question

对于JQuery自动完成功能，我们需要传递字符串数组，但我的要求就像我有对象数组，并希望在特定对象字段上自动完成输入文本字段。这该怎么做。 我正在使用angularJS自定义指令来实现此功能。

project.directive('autoComplete', function () {
return {
    link: function (scope, element, attrs) {
        element.autocomplete({
            source: scope[attrs.uiItems],
            select: function() {
                $timeout(function() {
                    element.trigger('input');
                }, 0);
            }
        });
    }
}});

User Name: <input id="tags" ui-items="user.firstName for user in users" auto-complete type="text"/>

如果我传递字符串值数组，它正在工作。对于前。

userName=["prasad","rahul","manoj"]; //consider initializing array variable
User Name: <input id="tags" ui-items="userName" auto-complete type="text"/>

注意：在文本字段中输入任何字符串时，如果要自动填充匹配字符串列表，则使用自动填充功能。