How to you window.mediaQuery匹配typescript

Question

我有很多列的表，我想基於瀏覽器寬度隱藏，所以我嘗試使用window.matchMedia（「（max-width：700）」）。matches，window .media（「（max-width：500）」）。matches等。在打字稿中，但我無法獲得媒體偵聽器。請找代碼

for(let i : number =0 ; i< this.col.length; i++){ 
let media, 
media = window.matchMedia(col[i].minWidth); 
this.mcol.push(col[i]) 
this.mediaQueryUpdate(media) 
media.addEventLister(mediaQueryUpdate) 

} 

public medaiQueryUpdate(e:any){ 
if(window.matchMedia(e.target.media).match){ // did not get target e , error thrown as e does not found 
for(let c: number =0 ; c< this.mcol.length; c++){ 
    if(window.matchMedia(e.target.media) == this.mcol[c].minWidth){ 
// did nto get target from e 
mcol[c].hide= true; 
} 
} 
} 

Answer 1

怎麼給你window.mediaQuery在打字稿

快捷的解決方案相匹配，只需使用一個斷言：

if ((window.matchMedia(e.target.media) as any).match) { 

更多

• 斷言：https://basarat.gitbooks.io/typescript/docs/types/type-assertion.html
• 添加類型lib.d.ts：https://basarat.gitbooks.io/typescript/docs/types/lib.d.ts.html