Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/32.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在Angular中集成WinBox JS？_Javascript_Angular - Fatal编程技术网
Fatal编程技术网
  • javascript/
  • Javascript 如何在Angular中集成WinBox JS？

Javascript 如何在Angular中集成WinBox JS？

javascript angular

Javascript 如何在Angular中集成WinBox JS？,javascript,angular,Javascript,Angular,我正在使用一个名为WinBoxJS的javascript库。我知道如何在普通JS中使用它。我正在尝试在我的角度项目中使用它。我该怎么做 https://www.npmjs.com/package/winbox 我使用npm安装了winbox。我还将样式和脚本包含在angular.json中。如果我使用JS和CSS文件，并在index.html中添加一些脚本，我会让它正常工作。但是，我希望它以一种有角度的方式。有什么想法吗 免责声明：以下代码适用于当前版本的winbox，即 您可以按照以下步骤在

我正在使用一个名为WinBoxJS的javascript库。我知道如何在普通JS中使用它。我正在尝试在我的角度项目中使用它。我该怎么做

https://www.npmjs.com/package/winbox
我使用npm安装了winbox。我还将样式和脚本包含在angular.json中。如果我使用JS和CSS文件，并在index.html中添加一些脚本，我会让它正常工作。但是，我希望它以一种有角度的方式。有什么想法吗

免责声明：以下代码适用于当前版本的
winbox
，即

您可以按照以下步骤在Angular中使用它：

  • 安装winbox：

    npm-iwinbox@0.1.92

  • 将winbox CSS添加到
    样式.CSS
    /
    样式.scss
    ：

    @import'~winbox/dist/css/winbox.min.css'
  • 将
    winbox
    捆绑包添加到路径-（
    projects.projectName.architect.build.options.scripts
    ）处的
    angular.json
    脚本中：

  • 将WinBox的声明添加到组件中。下一行声明
    app.component.ts
    中的
    WinBox
    ：

    declare const WinBox:any
  • 根据用户的需要使用WinBox

    • 这里有一个供您参考

    在Stackblitz上，我得到了“错误：WinBox未定义”。arrrgggghh！那天还在工作。不知道为什么不是今天。但是在你的本地计算机上尝试同样的步骤，它就会起作用。 
    "scripts": [
  "node_modules/winbox/dist/winbox.bundle.js"
]