Isótopo v2 com cli Angular

Question

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

E adicionei o guião .angular-cli.ficheiro json

"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

npm angular isotope angular2-modules

Author: Shyghar, 2017-06-23

Source

1 answers

score 5 · Answer 1

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'
    }
  );
}