Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/380.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angular 6,Materialize:初始化javascript_Javascript_Jquery_Angular_Typescript_Materialize - Fatal编程技术网

Angular 6,Materialize:初始化javascript

Angular 6,Materialize:初始化javascript,javascript,jquery,angular,typescript,materialize,Javascript,Jquery,Angular,Typescript,Materialize,我是新的角度和物化。我正在尝试初始化角度组件中的旋转木马 具体化提到三种方式: M.AutoInit(); 或 或 我已经通过节点安装了Materialize。我的angular.json文件夹中有CSS和JS作为依赖项。CSS样式很有效。我在组件中的ngOnInitlifecyclehook中尝试了这三种方法。“M”不被识别。我尝试导入具体化: import { materialize } from '../../../node_modules/materialize-css' 及 但这也

我是新的角度和物化。我正在尝试初始化角度组件中的旋转木马

具体化提到三种方式:

M.AutoInit();

我已经通过节点安装了Materialize。我的angular.json文件夹中有CSS和JS作为依赖项。CSS样式很有效。我在组件中的
ngOnInit
lifecyclehook中尝试了这三种方法。“M”不被识别。我尝试导入具体化:

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

但这也不起作用


然后,我将jquery作为依赖项安装并尝试了该方法,但这似乎也不起作用。

您应该使用Materialize for Angular库。询问如何将jQuery与Angular结合使用会让您获得很多反对票


从“@angular/core”导入{Component,OnInit}; 声明var M:任何

  • @angular/core
    库导入
    OnInit

  • 声明常量M:any在导入下面

  • ngOnInit()
    生命周期挂钩中启动
    M.AutoInit()
    函数

示例(其中组件名称为MediaComponent):


在上共享您的代码?只需尝试导入“物化css”;我不想使用jquery。我提到它只是因为在第一个初始化方法之后似乎不起作用。我用Materialize库来解释angular。这是一个所谓的只使用代码的答案,没有解释为什么它没有帮助。另外,学习格式化也会很有好处,把它当作一种幸运符来阅读。
  $(document).ready(function(){
    $('.carousel').carousel();
  });
import { materialize } from '../../../node_modules/materialize-css'
let m = materialize;
import { Component, OnInit } from '@angular/core';

declare const M: any;

@Component({
  selector: 'app-media',
  templateUrl: './media.component.html',
  styleUrls: ['./media.component.scss']
})
export class MediaComponent implements OnInit {

  constructor() { }

  ngOnInit() {
    M.AutoInit();
  }

}