Инициализация раскрывающегося списка Materializecss Ошибка с углом 6

Question

при инициализации выпадающего из angular6 выдает ошибку

ERROR TypeError: Cannot set property 'tabIndex' of null
at n.value (materialize.min.js:6)
at new n (materialize.min.js:6)
at Function.value (materialize.min.js:6)
at Function.value (materialize.min.js:6)
at NavHeaderComponent.push../src/app/components/headers/nav-header/nav-header.component.ts.NavHeaderComponent.ngOnInit (nav-header.component.ts:24)
at checkAndUpdateDirectiveInline (core.js:9250)
at checkAndUpdateNodeInline (core.js:10514)
at checkAndUpdateNode (core.js:10476)
at debugCheckAndUpdateNode (core.js:11109)
at debugCheckDirectivesFn (core.js:11069)

ниже приведен код, который я использовал для его инициализации,

 ngOnInit() {
    const elems = document.querySelectorAll('.dropdown-trigger');
    const instances = M.Dropdown.init(elems);
  }

Answer 1

используйте id селектор вместо селектора класса.например, раскрывающийся список вызовов:

js:

ngOnInit() {
    const elems = document.querySelectorAll('#dropdownId');
    const instances = M.Dropdown.init(elems);
  }

Answer 2

поместите это сверху:

import * как M из 'materialize-css / dist / js / materialize';