jQueryなしでMaterializecssを使用することはできますか？

Question

materializecssをjQueryなしで使用したいと思います。例えば、私はjQueryのを使用せずに次の操作を実行したい：

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

おかげ

Answer 1

をなし、これまでに多くのマテリアライズ・コンポーネントは、jQueryのに依存しています。

この依存関係を削除しようとしますが、datepickerやnoUISliderなどの他のコンポーネントもjQueryが必要です。

Answer 2

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", 
} 

またはそれ以降のバージョンで。 // materializecss：.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;