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

问题描述：

我想在没有jQuery的情况下使用materializecss。例如，我要做到以下几点，而不使用jQuery的：是否可以在没有jQuery的情况下使用Materializecss？

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

感谢

的http：// materializecss .com/getting-started.html最后要注意的是，在导入materialize.js之前，您必须导入jQuery！ – tuna

@tuna这是一个耻辱，因为jQuery的使用似乎正在放缓时下。依赖于它的每一个框架都会提出这样的问题。 –

答

没有，到目前为止，许多Materialise的组件依赖于jQuery的。

我们将尝试删除这个依赖项，但其他一些组件如datepicker和noUISlider也需要jQuery。

jQuery似乎近来有些过时了 – Ryan

我们计划转移到ES6组件并停止使用jQuery。 –

我认为Web组件支持仍然非常薄。也许没关系，尽管使用polyfill – Ryan

答

由于version 1.0.0你可以。

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

List of possible 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" 
    ],

，并能够使用中号对象在你的组件，只需添加到进口

declare const M: any;

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

相关推荐