如何解决将外部文件js添加到Angular 9项目
我试图将script.js添加到angular.json并在一个组件中使用它。那不行那些建议将脚本标签添加到我的html文件中的人不是一个好主意。有人可以提出另一个想法或我想让我的脚本起作用的东西吗?
我在angular.json上添加了名为script.js的js文件
"scripts": [
"src/assets/js/script.js"
]
然后在slider.ts中声明一个变量
declare const owlCarousel: any;
ngOnInit() {
owlCarousel();
}
script.js
$('.owl-carousel').owlCarousel({
loop:true,margin:10,dots:false,nav:true,mouseDrag:false,autoplay:true,animateOut: 'slideOutUp',responsive:{
0:{
items:1
},600:{
items:1
},1000:{
items:1
}
}
});
解决方法
尝试一下
在您的script.js中首先添加功能
export function owlCarousel() {
$('.owl-carousel').owlCarousel({
loop:true,margin:10,dots:false,nav:true,mouseDrag:false,autoplay:true,animateOut: 'slideOutUp',responsive:{
0:{
items:1
},600:{
items:1
},1000:{
items:1
}
}
});
}
然后在您的组件中将此行添加到导入功能owlCarousel
import {owlCarousel} from '../../assets/js/script.js' /plz add correct path
请注意,不一定要使用lider.ts
希望有用。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。