Isótopo v2 com cli Angular
estou a resolver problemas usando o módulo de disposição de isótopos com cli angular
instalei o módulo com
npm instale isotope-layout --save
"scripts": [
...
"../node_modules/isotope-layout/dist/isotope.pkgd.js"
],
e também a dependência do pacote.json
"dependencies": {
..
"zone.js": "^0.8.4",
"isotope-layout": "^3.0.2"
}
mas se eu chamar o meu componente
ngOnInit() { $('.grid').isotope(); }
Mas tenho um erro nas costas.
Property 'isotope' does not exist on type 'jQuery<HTMLElement>'
Como posso usar esta biblioteca no meu módulo?Tentei importá-lo com
import isotope from 'isotope-layout';
Mas Eu ... ter o erro "incapaz de encontrar o módulo"
Alguém me pode explicar como usar o módulo angular em cli angular? Estou confuso..
Ps_ if via consola I tipo $('.grid').isotope();
funciona..
1
1 answers
O comando instalar e a configuração do cli parecem correctos.
Acho que primeiro tens de tornar o' isótopo ' visível adicionando uma definição de tipo.
declare var Isotope: any;
Podes fazer isso nas dactilografias.D. TS ficheiro ou directamente no seu componente.ts file.
Então você pode usá-lo no código como aquele, ou seja, ao clicar em um botão.
sortButtonClick(){
let grid = document.querySelector('.grid');
let iso = new Isotope(grid, {
sortBy: 'random'
}
);
}
5
Author: Ludwig, 2017-06-27 12:45:22