Angular 角形7中的猫头鹰旋转木马
我在第七章使用猫头鹰旋转木马。 首先,我安装了Angular 角形7中的猫头鹰旋转木马,angular,owl-carousel,Angular,Owl Carousel,我在第七章使用猫头鹰旋转木马。 首先,我安装了 npm install ngx-owl-carousel owl.carousel jquery --save 然后加上 "scripts": ["./node_modules/jquery/dist/jquery.min.js", "./node_modules/owl.carousel/dist/owl.carousel.min.js"] 在angular.json文件中 加 在app.module.ts文件中 然后我用 public
npm install ngx-owl-carousel owl.carousel jquery --save
然后加上
"scripts": ["./node_modules/jquery/dist/jquery.min.js",
"./node_modules/owl.carousel/dist/owl.carousel.min.js"]
在angular.json文件中
加
在app.module.ts文件中
然后我用
public ngOnInit()
{
/*----------------------------
Slideshow
------------------------------ */
$('.slideshow').owlCarousel({
items: 6,
autoPlay: 3000,
singleItem: true,
navigation: true,
navigationText: ['<i class="fa fa-chevron-left"></i>', '<i class="fa fa-chevron-right"></i>'],
pagination: true
});
}
public ngOnInit()
{
/*----------------------------
幻灯片
------------------------------ */
$('.slideshow').owlCarousel({
项目:6,
自动播放:3000,
单项:对,
导航:对,
导航文本:['','',
分页:正确
});
}
在app.component.ts文件中,但我有错误
core.js:14576错误类型错误:jquery_uu网页包_u导入的模块_u2_uuu(…)。owlCarousel不是一个函数
我错在哪里?请帮帮我。
谢谢 导入OwlModule后,您可以在角度模板内使用其导出的组件,如下所示(示例取自):
[项目]=“图像”
[CarouselClass]=“猫头鹰主题”、“行”、“滑动””
导入OwlModule后,您可以在角度模板内使用其导出的组件,如下所示(示例取自):
[项目]=“图像”
[CarouselClass]=“猫头鹰主题”、“行”、“滑动””
安装jquery和owl转盘
npm install --save jquery
npm install --save owl.carousel
import * as $ from 'jquery';
import "owl.carousel/dist/owl.carousel.min"
declare var $:any;
在需要使用owl转盘的组件ts文件中导入库
npm install --save jquery
npm install --save owl.carousel
import * as $ from 'jquery';
import "owl.carousel/dist/owl.carousel.min"
declare var $:any;
在全局样式表-styles.css中导入owl转盘样式表
@import "~owl.carousel/dist/assets/owl.carousel.min";
安装jquery和owl转盘
npm install --save jquery
npm install --save owl.carousel
import * as $ from 'jquery';
import "owl.carousel/dist/owl.carousel.min"
declare var $:any;
在需要使用owl转盘的组件ts文件中导入库
npm install --save jquery
npm install --save owl.carousel
import * as $ from 'jquery';
import "owl.carousel/dist/owl.carousel.min"
declare var $:any;
在全局样式表-styles.css中导入owl转盘样式表
@import "~owl.carousel/dist/assets/owl.carousel.min";
您可以在Angular 7中使用此版本:检查Angular 7中的猫头鹰转盘2您可以在Angular 7中使用此版本:检查Angular 7中的猫头鹰转盘2您后来是如何初始化猫头鹰转盘的:您后来是如何初始化猫头鹰转盘的: