Question

我无法在Angular中使用Panzoom Javascript library。我得到

ERROR
Error: panzoom is not defined

这是我到目前为止所做的stackblitz。这是working demo的工作方式

有人可以帮我解决问题吗？谢谢

我已经遵循了post

中提到的所有步骤

Answer 1

有一种简单的方法。

在cmd终端（项目的根，包含/ src的文件夹）中打开角度项目。
键入npm install panzoom --save（将panzoom npm软件包添加到您的angular.json中并安装它）。
在组件中添加导入import * as panzoom from "panzoom"（您的项目应自动将其与来自node_modules的正确文件链接。
在ngOnInit或需要的任何地方添加此行panzoom.default(document.querySelector('#lipsum'));

从node_modules导入后，通常应该将此PanZoom软件包注入组件构造函数中，但是我不确定作者是否提供了集成。

请务必查看此插件的NPM文档以获取更多信息

Answer 2

Panzoom似乎确实有打字稿定义Github Issue

这是工作中的stackblitz

<form>
  <div class="form-group">
    <label for="titulo">Titulo</label>
    <input  class="form-control" id="titulo"  placeholder="Titulo">
  </div>
  <div class="form-group">
    <label for="imagem">Imagem</label>
    <input class="form-control" id="imagem"  placeholder="Imagem">
  </div>
  <div class="form-group">
    <label for="descricao">Descrição</label>
    <input  class="form-control" id="descricao"  placeholder="Descrição">
  </div>
  <div class="form-group">
    <label for="categoria">Categoria</label>
    <input  class="form-control" id="categoria"  placeholder="Categoria">
  </div>
  <button type="submit" class="btn btn-primary">Submit</button>
</form>

如何在Angular 8+中使用Panzoom javascript？

2 个答案: