2017-02-20 219 views
3

我想在沒有jQuery的情況下使用materializecss。例如,我要做到以下幾點,而不使用jQuery的:是否可以在沒有jQuery的情況下使用Materializecss?

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

感謝

+1

的http:// materializecss .com/getting-started.html最後要注意的是,在導入materialize.js之前,您必須導入jQuery! – tuna

+0

@tuna這是一個恥辱,因爲jQuery的使用似乎正在放緩時下。依賴於它的每一個框架都會提出這樣的問題。 –

回答

5

沒有,到目前爲止,許多Materialise的組件依賴於jQuery的。

我們將嘗試刪除這個依賴項,但其他一些組件如datepicker和noUISlider也需要jQuery。

+1

jQuery似乎近來有些過時了 – Ryan

+1

我們計劃轉移到ES6組件並停止使用jQuery。 –

+0

我認爲Web組件支持仍然非常薄。也許沒關係,儘管使用polyfill – Ryan

0

由於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; 
相關問題