我正在用图库在GUI上显示来自数据库的图片url,但是我在这里看到了一些错误,这是我的html和js代码:
<div class="wrapper wrapper-content animated fadeIn">
<div class="row">
<div class="col-lg-12">
<div class="lightBoxGallery">
<div ng-repeat="i in images" class="col-sm-12 m-b-xs" style="padding-left: 0px;">
<a href="i.url" title="i.title" data-gallery="">
<img src="i.url">
</a>
</div>
<!-- The Gallery as lightbox dialog, should be a child
element of the document body
-->
<div id="blueimp-gallery" class="blueimp-gallery">
<div class="slides"></div>
<h3 class="title"></h3>
<a class="prev">‹</a>
<a class="next">›</a>
<a class="close">×</a>
<a class="play-pause"></a>
<ol class="indicator"></ol>
</div>
</div>
</div>
</div>
</div>
角控制器
.controller('ImagesCtrl', function ($rootScope, $scope, $state, $stateParams, ImagesService) {
$scope.find = function() {
ImagesService.find()
.success(function(data, status) {
$scope.images = data;
})
.error(function(data, status) {
$.growl({ message: '<br>Getting data failed', title: '<b>ERROR</b>' }, { type: 'danger' });
});
}
$scope.find();
});
作为图形用户界面上的结果,我得到了图像变量中的对象列表,但是它显示了这个i.url的错误
获取http://localhost:8080/i.url 404 (未找到)
但是当我在浏览器中进入网络选项卡时,我会在变量url中看到这个对象和值。
有人知道问题出在哪里吗?
发布于 2019-08-30 03:51:19
错误
属性需要双curley括号:
<div ng-repeat="i in images" class="col-sm-12 m-b-xs" style="padding-left: 0px;">
<a href="{{i.url}}" title="{{i.title}}" data-gallery="">
<img src="{{i.url}}">
</a>
</div>
https://stackoverflow.com/questions/57718683
复制相似问题