Javascript Ng重复不在kenwheeler中工作-角度Js
嗨,我使用的是光滑的旋转木马,但当我在div上使用Javascript Ng重复不在kenwheeler中工作-角度Js,javascript,angularjs,angularjs-ng-repeat,Javascript,Angularjs,Angularjs Ng Repeat,嗨,我使用的是光滑的旋转木马,但当我在div上使用ng repeat时,我会得到“列出的图像” 我在这里做错了什么 <section class="regular slider" style="clear: both" ng-if="slides"> <div ng-repeat="slide in slides"> <img src="{{slide.path}}"> </div> </section> 我正在包括s
ng repeat
时,我会得到“列出的图像”
我在这里做错了什么
<section class="regular slider" style="clear: both" ng-if="slides">
<div ng-repeat="slide in slides">
<img src="{{slide.path}}">
</div>
</section>
我正在包括
slick.css
slick主题.css
和slick.js
这里是指向所有的链接,而不是src
使用ngsrc
ngsrc使用ngsrc以获得angularJS中图像的路径仔细浏览此链接并应用样式
删除包含ng repeat的div
<section class="regular slider" style="clear: both" ng-if="slides">
<img ng-repeat="slide in slides" ng-src="{{slide.path}}">
</section>
使用
var-app=angular.module(“myApp”,[]);
应用程序控制器('myCtrl',函数($scope){
$scope.slides=[{
路径:'https://cloud.githubusercontent.com/assets/1734769/3162502/f49ff416-eb35-11e3-8f47-3a85f8abfd84.png'
}, {
路径:'https://cloud.githubusercontent.com/assets/1734769/3162502/f49ff416-eb35-11e3-8f47-3a85f8abfd84.png'
}, {
路径:'https://cloud.githubusercontent.com/assets/1734769/3162502/f49ff416-eb35-11e3-8f47-3a85f8abfd84.png'
}];
});代码>
试试这个:
<div ng-repeat="slide in slides">
<img ng-src="slide.path">
</div>
检查角度平滑,包括所有css和js。将slick
添加到您的angular.module
[比如说MyApp
]依赖项并使用slick
指令。我认为您没有使用slick
指令
<section class="regular slider" style="clear: both" ng-if="slides">
<slick slides-to-show=3 slides-to-scroll=3>
<div ng-repeat="slide in slides">
<img src="{{slide.path}}">
</div>
</slick>
</section>
你能给我们一个plunkerno error bro和我不能给你plunker Man吗?你能得到图像,但在列表中,对吗?不是并排的吗?试试ng src=“{{slide.path}}”你能分享一些实际包含你的控制器的代码吗?在没有成功之前就这样做了我在问题中告诉你没有css问题,我只在应用ng repeat时才获得列出的图像,否则它的完美性将是相同的输出请包括与slick相关的所有styles.css和js源文件请查看这些文件我没有使用angular js slick man我使用的是我在问题中提到的slick
<section class="regular slider" style="clear: both" ng-if="slides">
<slick slides-to-show=3 slides-to-scroll=3>
<div ng-repeat="slide in slides">
<img src="{{slide.path}}">
</div>
</slick>
</section>