Binding 'this' in Angular Material Autocomplete displayWith using Angular 5

Question

I was trying to use the Material Angular autocomplete and I came across the displayWith function which can be apparently used to be the output that is displayed on selection

Answer 1

You just missed an undefined check before using attribute.

    {{ user.first_name }} {{ user.last_name }}


displayFn(user) {
    if (!user) return '';
    return user.name;
}