我正在尝试创建一个角度组件来实现这个代码笔脚本。
我使用ng g component <my-comp-name>创建了这个组件，所以我的组件中有3个HTML、CSS和ts文件。
HTML和CSS部分我只是复制粘贴了它。JS部分总是合并的困难。主要是因为我有这个速度函数。
我尝试了以下链接。我在组件HTML中使用了npm install angular-velocity --save并添加了<script src="node_modules/angular-velocity/angular-velocity.min.js"></script>。
我试着看看这是否能改变以下行：
<div ng-view class="velocity-opposites-transition-slideUpIn hover-notify">Hover Me!</div>但是没有动画显示在悬停我！文本
我做错了什么？或者有没有更简单的方法来合并这些代码？
我尝试过的更多东西：
最后，jQuery部分我通过import * as $ from "jquery";成功地使用了它。我尝试了类似的东西，但所有的变体都失败了：import {Velocity} from 'velocity-animate';
在这个链接中，我使用了：import {Velocity} from 'velocity-animate';，然后用Velocity(document.getElementsByClassName("hex-wrap"), "callout.pulse");替换线路$(".hex-wrap").velocity("callout.pulse");，但什么都没有。
求你了！我基本上只是想能够使用$(<sth>).velocity(...);。我知道我是个新手，但这有多难？
我用黑客解决了我的问题(我仍在寻找如何使用角速度(我做了一些"解决"了这个问题的事情。
我用直接从网页下载的JS做了import 'src/app/languages/computer/script.js';，在HTML文件的末尾，我还用<script src="'src/app/languages/computer/script.js'"></script>将其添加为脚本。
css文件中出现问题。我改了：
.code-description * {
display: none;
}
对于
div[class$="-desc"] {
display: none;
}
因此，从技术上讲，我让它使用JavaScript，而不使用我的组件ts.
您可以尝试在angular.json:的脚本部分添加node_modules/angular-velocity/angular-velocity.min.js
"scripts": [
"node_modules/angular-velocity/angular-velocity.min.js"
]
编辑：实际上这个脚本是为AngularJS编写的，它不能与Angular一起使用。