Javascript 如何在Angular 10中创建圆形菜单？

我想创建一个我在npmjs.com上看到的循环菜单

如上所述，我使用了

npm安装循环菜单

来安装它

之后，我在“angular.json”中添加了样式和脚本：

然后，我使用这个命令创建了一个组件，

ng g c Components/cir comp

。如果我想在我的“cir comp”中粘贴以下代码，我该怎么做

主要是，我想问一下如何在我的应用程序中使用JavaScript代码

var菜单=CMenu（“菜单1”）
.config({
菜单：[{
标题：“GitHub”，
图标：“fa-fa-github”，
href:{
url:“http://github.com",
空白：对
}
}, {
标题：“GitLab”，
图标：[“fa gitlab”、“#4078c0”]，
}, {
标题：“子菜单”，
图标：“我的图标图标1”，
菜单：[{
标题：“子菜单1”，
图标：“fa-fa firefox”
}, {
标题：“子菜单2”，
图标：“fa文件”
}]
}, {
标题：“子菜单”，
图标：“我的图标图标2”
}, {
标题：“点击”，
图标：“我的图标图标图标3”
}, {
标题：“hash href”，
href:“someHash”
}, {
标题：“点击我！”，
单击：函数（）{
警报（“单击事件回调”）；
}
}, {
残疾人:对,，
标题：“残疾人”
}]
});
$（文档）。单击（函数（）{
menu.hide（）；
});
$（文档）.上下文菜单（函数（e）{
菜单显示（[e.pageX，e.pageY]）；
返回false；
});
.tips{
字体大小：40px；
颜色：#999；
位置：固定；
最高：50%；
左：30%；
}
menu1先生{
左：50%；
最高：50%；
}
.我的偶像{
背景：url（“https://rawgit.com/yandongCoder/circular-menu/master/examples/circular-menu.png");
}
.icon1{
背景位置：0；
}
.icon2{
背景位置：0-56px；
}
.icon3{
背景位置：0-116px；
}

在页面中单击鼠标右键。

var菜单=CMenu（“菜单1”）
.config({
菜单：[{
标题：“GitHub”，
图标：“fa-fa-github”，
href:{
url:“http://github.com",
空白：对
}
}, {
标题：“GitLab”，
图标：[“fa gitlab”、“#4078c0”]，
}, {
标题：“子菜单”，
图标：“我的图标图标1”，
菜单：[{
标题：“子菜单1”，
图标：“fa-fa firefox”
}, {
标题：“子菜单2”，
图标：“fa文件”
}]
}, {
标题：“子菜单”，
图标：“我的图标图标2”
}, {
标题：“点击”，
图标：“我的图标图标图标3”
}, {
标题：“hash href”，
href:“someHash”
}, {
标题：“点击我！”，
单击：函数（）{
警报（“单击事件回调”）；
}
}, {
残疾人:对,，
标题：“残疾人”
}]
});
$（文档）。单击（函数（）{
menu.hide（）；
});
$（文档）.上下文菜单（函数（e）{
菜单显示（[e.pageX，e.pageY]）；
返回false；
});
.tips{
字体大小：40px；
颜色：#999；
位置：固定；
最高：50%；
左：30%；
}
menu1先生{
左：50%；
最高：50%；
}
.我的偶像{
背景：url（“https://rawgit.com/yandongCoder/circular-menu/master/examples/circular-menu.png");
}
.icon1{
背景位置：0；
}
.icon2{
背景位置：0-56px；
}
.icon3{
背景位置：0-116px；
}

在页面中单击鼠标右键。
我想你只需要告诉typescript编译器
CMenu
存在。您可以通过在ts文件顶部添加以下行来完成此操作：

declare const CMenu: any

这解决了
CMenu
问题，但现在我在这个代码段中遇到了错误：$（文档）$（文档）.contextmenu（函数（e）{menu.show（[e.pageX，e.pageY]）；返回false；}）；我无法在我的“cir comp.component.ts”中使用.js代码。我该怎么做？
declare const CMenu: any