Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/382.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
Javascript Jssor滑块上的缩略图图像具有null src属性_Javascript_Angularjs_Jssor - Fatal编程技术网

Javascript Jssor滑块上的缩略图图像具有null src属性

Javascript Jssor滑块上的缩略图图像具有null src属性,javascript,angularjs,jssor,Javascript,Angularjs,Jssor,使用带有缩略图的jssor滑块,我从数据库填充图像的ng src path属性: <div data-ng-repeat="img in resp.records"> <img u="image" ng-src="{{ img.img }}"/> <img u="thumb" ng-src="{{ img.thumb }}"/> </div> 编辑: 根据Jssor团队的要求,Angular就缩略图部分呈现的最终h

使用带有缩略图的jssor滑块,我从数据库填充图像的ng src path属性:

<div data-ng-repeat="img in resp.records">
        <img u="image" ng-src="{{ img.img }}"/>
        <img u="thumb" ng-src="{{ img.thumb }}"/>
</div>
编辑: 根据Jssor团队的要求,Angular就缩略图部分呈现的最终
html

<div u="thumbnavigator" class="jssort02" style="left: 0px; bottom: 0px; width: 240px; height: 720px;" jssor-slider="true">
    <!-- Thumbnail Item Skin Begin -->

    <!-- Thumbnail Item Skin End -->
<div style="position: absolute; top: 0px; left: 0px; width: 240px; height: 720px; transform-origin: 0px 0px 0px; transform: scale(1);"><div class="jssort02" style="left: 0px; bottom: 0px; display: block; position: relative; top: 0px; overflow: visible;"><div u="slides" style="cursor: default; position: absolute; overflow: hidden; left: 47px; top: 319.5px; width: 146px; height: 81px; z-index: 0;"><div debug-id="slide_container" style="position: absolute; z-index: 0; pointer-events: none; left: 0px; top: 0px;"></div></div><div u="slides" style="cursor: default; position: absolute; overflow: hidden; left: 47px; top: 319.5px; width: 146px; height: 81px; z-index: 0;" debug-id="slide-board"><div style="width: 146px; height: 81px; top: 0px; left: 0px; position: absolute; opacity: 0; background-color: rgb(0, 0, 0);"></div>

    <div debug-id="slide-0" style="width: 146px; height: 81px; top: 0px; left: 0px; position: absolute; overflow: hidden;"><div u="prototype" class="p pdn" style="left: 0px; top: 0px;">
            <div class="w">
                <img u="thumb" ng-src="" class="t" style="display: block;" src="null">
            </div>
            <div class="c"></div>
        </div><div style="width: 146px; height: 81px; top: 0px; left: 0px; z-index: 1000; display: none;"></div></div></div></div></div></div>

如果URL正确,您的代码似乎运行良好,可能还有另一个与角度无关的问题

angular.module('app',[]).controller('Main',function($scope){
$scope.resp={
“记录”:[{
“img”:http://icons.iconarchive.com/icons/oxygen-icons.org/oxygen/128/Status-user-online-icon.png",
“拇指”:http://icons.iconarchive.com/icons/oxygen-icons.org/oxygen/32/Status-user-online-icon.png"
}, {
“img”:http://icons.iconarchive.com/icons/aha-soft/3d-social/128/Online-writing-icon.png",
“拇指”:http://icons.iconarchive.com/icons/aha-soft/3d-social/32/Online-writing-icon.png"
}]
};
});


img.thumb似乎为空。img对象是否正确初始化?img.thumb返回了一些值,但Js没有很好地解释。但是
img.thumb
的值是多少?@Michael请查看更新的答案,谢谢。请发布angular呈现的最终html代码。我猜问题与Jssor.com制作的Js文件有关,该文件似乎非常棘手。我正在等待Jssor的团队回复。谢谢@Michael
<img u="thumb" ng-src="" src="null">
{"records":[{"img":"img/A01.jpg","thumb": "img/thumbs/A01.jpg"},{"img":"img/A02.jpg","thumb": "img/thumbs/A02.jpg"}]}
<div u="thumbnavigator" class="jssort02" style="left: 0px; bottom: 0px; width: 240px; height: 720px;" jssor-slider="true">
    <!-- Thumbnail Item Skin Begin -->

    <!-- Thumbnail Item Skin End -->
<div style="position: absolute; top: 0px; left: 0px; width: 240px; height: 720px; transform-origin: 0px 0px 0px; transform: scale(1);"><div class="jssort02" style="left: 0px; bottom: 0px; display: block; position: relative; top: 0px; overflow: visible;"><div u="slides" style="cursor: default; position: absolute; overflow: hidden; left: 47px; top: 319.5px; width: 146px; height: 81px; z-index: 0;"><div debug-id="slide_container" style="position: absolute; z-index: 0; pointer-events: none; left: 0px; top: 0px;"></div></div><div u="slides" style="cursor: default; position: absolute; overflow: hidden; left: 47px; top: 319.5px; width: 146px; height: 81px; z-index: 0;" debug-id="slide-board"><div style="width: 146px; height: 81px; top: 0px; left: 0px; position: absolute; opacity: 0; background-color: rgb(0, 0, 0);"></div>

    <div debug-id="slide-0" style="width: 146px; height: 81px; top: 0px; left: 0px; position: absolute; overflow: hidden;"><div u="prototype" class="p pdn" style="left: 0px; top: 0px;">
            <div class="w">
                <img u="thumb" ng-src="" class="t" style="display: block;" src="null">
            </div>
            <div class="c"></div>
        </div><div style="width: 146px; height: 81px; top: 0px; left: 0px; z-index: 1000; display: none;"></div></div></div></div></div></div>