Angular2 - Materialize css autocomplete dropdown

Question

I am using materialize css autocomplete feature in angularjs but don't know how to map into json response.

//students is the interface with property id, name, email, address

students: Student[];

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

How to replace json response (data:) into service response this.students

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

I don't see AngularJS ... it's Angular ... Your question it's wrong.. — Jose A. Matarán
– Jose A. Matarán, Commented Jun 19, 2018 at 10:18

BILL · Accepted Answer · 2018-12-18 14:32:24Z

0

Use the instance,

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

and after that

instance.updateData(<your object>);

Actually, I'm not sure where the materilize here as you is used $ (jquery)

My using:

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

// update

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

answered Dec 18, 2018 at 14:32

BILL

4,89710 gold badges63 silver badges96 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Angular2 - Materialize css autocomplete dropdown

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related