Angular2 - 实现css自动完成下拉列表

时间:2018-06-19 09:39:05

标签: angular materialize

我在angularjs中使用了materialize css自动完成功能,但不知道如何映射到json响应。

//学生是具有属性ID,姓名,电子邮件,地址

的界面
students: Student[];

ngOnInit() {
    this._studentService.getAllActiveStudents().subscribe(data => {
    this.students = data;
});

如何将json响应(数据:)替换为服务响应this.students

$(document).ready(function(){
    $('input.autocomplete').autocomplete({
    data: {
        "Apple": null,
        "Microsoft": null,
        "Google": 'https://placehold.it/250x250'
    },
    });
});

1 个答案:

答案 0 :(得分:0)

使用实例

const instance = $('input.autocomplete').autocomplete({
        data: {
            "Apple": null,
            "Microsoft": null,
            "Google": 'https://placehold.it/250x250'
        },
        });

然后是

instance.updateData(<your object>);

实际上,我不确定materilize(jquery)在您这里使用的$在哪里

我正在使用:

this.inst = M.Autocomplete.init(this.element.nativeElement, {
      data: {},
      minLength: 1,
      limit: 1
    });

// update

this.inst.updateData({'ME': null});