是否可以在没有jQuery的情况下使用Materialisecss？

Question

我想在没有jQuery的情况下使用materializecss.例如,我想在不使用jQuery的情况下执行以下操作:

$('.chips-initial').material_chip({
    data: [{
      tag: 'Apple',
    }, {
      tag: 'Microsoft',
    }, {
      tag: 'Google',
    }],
  });

谢谢

Answer 1

不,到目前为止,许多Materialize组件都依赖于jQuery.

我们将尝试删除此依赖项,但是一些其他组件(如datepicker和noUISlider)也需要jQuery.

Answer 2

从1.0.0版开始，您可以。

const elem = document.querySelector('.chips');
const instance = M.Chips.init(elem, options);

芯片的可能选项列表。

对于Angular2 +，您需要：

npm install materialize-css

在package.json中

"dependencies": {
    "materialize-css": "^1.0.0-alpha.4",
}

或更高版本。

在.angular-cli.json中

  "styles": [
    "../node_modules/materialize-css/dist/css/materialize.css"
  ],
  "scripts": [
    "../node_modules/materialize-css/dist/js/materialize.js"
  ],

为了能够在组件中使用M对象，只需将其添加到导入中

declare const M: any;