偷窃者怎么在Angular6中使用 - 行业资讯 - 肥雀云

　　介绍

偷窃者怎么在Angular6中使用?相信很多没有经验的人对此束手无策,为此本文总结了问题出现的原因和解决方法,通过这篇文章希望你能解决这个问题。

项目使用的角版本是V6.0.3

npm install swiper ——保存

或者

yarn add swiper ——保存

在angular.json文件添加swiper.js和偷窃者。css

偷窃者怎么在Angular6中使用“> 角。json 安装模组定义档 <pre类= npm install @types/swiper ——保存

或者

yarn add @types/swiper ——保存

配置tsconfig文件

偷窃者怎么在Angular6中使用“> tsconfig。json <img src= & lt; div 类=皊wiper-container"比; 　　& lt;才能div 类=皊wiper-wrapper"比; 　　,,,& lt; div 类=皊wiper-slide", * ngFor=發et data of slides"比; 　　,,,,,& lt; img (src)=癲ata",,宽度=啊?00%;比; 　　,,,& lt;/div> 　　& lt;才能/div> 　　& lt;才能!——,如果需要分页器,——比; 　　& lt;才能div 类=皊wiper-pagination"祝辞& lt;/div> 　　　　& lt;才能!——,如果需要导航按钮,——比; 　　& lt;才能div 类=皊wiper-button-prev"祝辞& lt;/div> 　　& lt;才能div 类=皊wiper-button-next"祝辞& lt;/div> 　　& lt;/div>

test.component.ts

import { 　　AfterViewInit才能, 　　组件,才能　　,OnInit 　　},得到& # 39;@angular/核心# 39;; 　　　　@ component ({ 　　,,选择器:& # 39;app-test& # 39; 　　templateUrl才能:& # 39;。/test.component.html& # 39; 　　}) 　　export class TestComponent implements AfterViewInit { 　　testSwiper才能:猛击者; 　　slides 才能=,( 　　,,,& # 39;https://via.placeholder.com/300x200/FF5733/ffffff& # 39; 　　,,,& # 39;https://via.placeholder.com/300x200/C70039/ffffff& # 39; 　　,,,& # 39;https://via.placeholder.com/300x200/900C3F/ffffff& # 39; 　　)才能; 　　　　构造函数(),才能{} 　　　　ngAfterViewInit才能(),{ 　　,,,this.testSwiper =, new 偷窃者(& # 39;.swiper-container& # 39;,, { 　　,,,,,方向:,& # 39;水平# 39; 　　,,,,,循环:,真的, 　　,,,,,//,如果需要分页器　　,,,,,分页:,{ 　　,,,,,,,el:, & # 39; .swiper-pagination& # 39; 　　,,,,,}, 　　,,,,,//,如果需要前进后退按钮　　,,,,,导航:,{ 　　,,,,,,,nextEl:, & # 39; .swiper-button-next& # 39; 　　,,,,,,,prevEl:, & # 39; .swiper-button-prev& # 39; 　　,,,,,}, 　　,,,,,//,如果需要滚动条　　,,,,,滚动条:,{ 　　,,,,,,,el:, & # 39; .swiper-scrollbar& # 39; 　　,,,,,}, 　　,,,}); 　　,,} 　　}

看完上述内容,你们掌握偷窃者怎么在Angular6中使用的方法了吗?如果还想学到更多技能或想了解更多相关内容,欢迎关注行业资讯频道,感谢各位的阅读!