Как вызвать плагин из директивы Angular2?

Question

[Максим Иванов]

Если вызывать через консоль самостоятельно:
К примеру так:

$(document.getElementsByTagName('select')[0]).material_select()

плагин срабатывает

Но через директиву не работает

material_select.ts

import { Directive, ElementRef, Renderer } from '@angular/core';
declare var $: any;

@Directive({
  selector: `[materializeSelect]`
})
export class SelectDirective {
  constructor(el: ElementRef, renderer: Renderer) {

    console.log(el.nativeElement)
    console.log($(el.nativeElement))
    

    try {

        $(el.nativeElement[0]).material_select()
   
    } catch (e) {
      console.warn(e)
    }

  }
}

Хотя в консоль выводится сам DOM, но саму ошибку далее не понятно как исправить и вызвать плагин для элемента, к которому применяется директива

Comments

[Алексей Зуев]

Не пробовали подключить materializecss?

[Алексей Зуев]

Если через консоль срабатывает, значит у вас проблема в порядке загрузки скриптов

[Максим Иванов]

да, не, там все загружается последовательно!

script src="js/jquery.min.js" defer>/script>
script src="js/materialize.min.js" defer>/script>
script type="text/javascript" src="js/polyfills.js">/script>
script type="text/javascript" src="js/vendor.js">/script>
script type="text/javascript" src="js/app.js">/script>

[Максим Иванов]

вы правы, плагин не был загружен

if (jQuery().material_select) {
console.log('is loaded')
} else {
console.log('none')
}

выдает none

Но почему?

[Алексей Зуев]

Максим Иванов: htmlbook.ru/html/script/defer

[Алексей Зуев]

А можно вопрос, зачем вы так издеваетесь над angular2? Есть же material2

[Максим Иванов]

у меня не работает material2

[Максим Иванов]

даже если убрать defer не помогает

[Максим Иванов]

а material2 не компилится

[at-loader] Checking finished with 86 errors
Error in bail mode: [at-loader] node_modules/@angular/common/src/directives/ng_class.d.ts:46:34
Cannot find name 'Set'.

[Максим Иванов]

скомпилировалось, теперь не могу понять, почему select раскрывается снизу, отчего стили могли поломаться?

https://habrastorage.org/files/649/54d/246/64954d2...

[Алексей Зуев]

Максим Иванов: Ну как успехи? Заработало?)

[Максим Иванов]

Да, вы были правы, там с подключением скриптов проблемы были

webpack загружал jquery2 посредством import

а в head уже был прописан jquery3

поэтому $.fn.materialize_select и не существовало, ибо не понятно для какой библиотеки оно инициализировалось