Угловой 6, Материализация: инициализация JavaScript

Question

Я новичок в Angular и Materialise.Я пытаюсь инициализировать карусель в моем угловом компоненте.

Материализация упоминает три способа:

M.AutoInit();

или

document.addEventListener('DOMContentLoaded', function() {
    var elems = document.querySelectorAll('.carousel');
    var instances = M.Carousel.init(elems, options);
  });

или

  $(document).ready(function(){
    $('.carousel').carousel();
  });

Я установил Материализацию через узел.У меня есть оба CSS и JS как зависимости в моей папке angular.json.Стиль CSS работает.Я пробовал эти три метода в моем хуке жизненного цикла ngOnInit в моем компоненте.«М» не распознается.Я попытался импортировать materialize:

import { materialize } from '../../../node_modules/materialize-css'

и

let m = materialize;

Но это тоже не сработало.

Затем я установил jquery в качестве зависимости и попробовал этот метод,но, похоже, это тоже не работает.

Я уверен, что это глупый вопрос, но я не очень разбираюсь в технологиях.Спасибо заранее.

Answer 1

import {Component, OnInit} из '@ angular / core';объявить переменную M: любая;

Answer 2

Вы должны использовать библиотеку Materialize for Angular.Если вы спросите, как использовать jQuery с Angular, вы получите много отрицательных отзывов.

https://www.npmjs.com/package/angular2-materialize