具有角度cli的同位素v2

Question

我使用带有角度cli的同位素布局模块来解决问题

我用
安装了模块 npm install isotope-layout --save

我在.angular-cli.json文件中添加了脚本

"scripts": [ 
    ...
    "../node_modules/isotope-layout/dist/isotope.pkgd.js"
  ],

以及package.json

中的依赖性

 "dependencies": {
    ..
    "zone.js": "^0.8.4",
    "isotope-layout": "^3.0.2"
 }

但如果我打电话给我的组件

ngOnInit() { $('.grid').isotope(); }

但我有一个错误

Property 'isotope' does not exist on type 'jQuery<HTMLElement>'

如何在我的模块中使用此库？
我试着用

导入它

import isotope from 'isotope-layout';

但我有错误＆＃34;找不到模块＆＃34;

任何人都可以向我解释如何在角度cli中使用角度模块吗？我很困惑......

ps_If通过控制台我输入$('.grid').isotope();它有效..

Answer 1

install命令和你的cli配置看起来是正确的。

我认为首先你必须制造同位素＆＃39;通过添加类型定义可见。

git checkout -b <new_feature_branch_name>

您可以在typings.d.ts文件中或直接在component.ts文件中执行此操作。 然后你可以在代码中使用它，即点击按钮时。

declare var Isotope: any;