我有一个页面,显示一堆使用http检索的图像的缩略图。我使用ng-repeat遍历数组并生成html。
这很好。

我还创建了一个自定义指令,将其作为属性绑定到ng-repeat生成的img元素。
这也很好。

但是,当我尝试将数据传递到我的自定义指令的范围时,则一切都崩溃了。数据绑定失败,ng-repeat不会替换图像的url,所以我最终得到一个404,因为url无效。就目前而言,这已经足够了。

由于我是Angular的新手,所以我们将不胜感激。

我的html模板:

<div class="portfolioContent">
<div class="row">
    <div class="col-lg-3 col-md-4 col-sm-4 col-xs-6 col-padding" ng-repeat="gImg in gPhotos">
        <div class="photoframe">
                <img src="{{gImg.thumbnailUrl}}" url="{{gImg.imageUrl}}" image-gallery>
        </div>
    </div>




和我的自定义指令:

myApp.directive('imageGallery',function(){

return {
    restrict: 'A',
    scope: {
      url: '='
    },
    controller: function($scope){
        console.log($scope.url);
    }
}


});

最佳答案

尝试改变

scope: {
  url: '='
},




scope: {
  url: '@'
},


有关非常简单的示例,请参见here。检查控制台。请参见here =@有什么区别。

10-05 20:08