Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/33.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
Angular 角形7中的猫头鹰旋转木马_Angular_Owl Carousel - Fatal编程技术网

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您后来是如何初始化猫头鹰转盘的:您后来是如何初始化猫头鹰转盘的: