使用jquerytypeahead不显示列表

Question

早上好，我正在尝试实施此自动完成功能。我创建了我的方法返回一个json！

[{Name: "Test Group 1"}, {name: "Test Group 2"}, {name: "Test Group 3"}]

我的JS看起来像这样：

$.typeahead({
        input: "#Grupo",
        source: {
            ajax: function () {
                return {
                    type: "GET",
                    url: '/Home/GetDados',
                    data: { q: '{{query}}' },
                    callback: {
                        done: function (data) {
                            return data.name;
                        }
                    }
                }
            }
        },
        minLength: 3,
        order: "asc",
        dynamic: true
    });

我的HTML看起来像这样：

<div class="col-lg-4 col-sm-4 col-md-4 col-xs-12">
    <div class="form-group">
        <label>Grupo: </label>
        <div class="typeahead__container">
            <div class="typeahead__field">
                <span class="typeahead__query">
                    @Html.TextBoxFor(m => m.Grupo, new { @type = "search", @autocomplete = "off", @class = "form-control", @placeholder = "Selecione ou insira uma nova pessoa", @data_val = "true", @data_val_required = "obrigatório" })
                </span>
            </div>
        </div>
    </div>
</div>

但是在输入内容时，它会在控制台中显示结果，但不会显示供用户选择的列表。任何人都可以给我一个如何解决的提示吗？