首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >根据需要从angulajs ng-repeat加载图像

根据需要从angulajs ng-repeat加载图像
EN

Stack Overflow用户
提问于 2019-01-13 16:03:45
回答 1查看 26关注 0票数 0

我需要根据需要加载angularjs中的数组中的图像,这意味着我希望图像仅在滚动到此图像时加载。图片的来源是base64。我可以加载图像,但我不知道如何做懒惰加载。我的html:

代码语言:javascript
复制
 <table ng-if="This_Page.Images_Src" class="table">
    <tr >
      <td ng-repeat="One_Entry in This_Page.Images_Src track by $index" ng-init="index = $index">
          <img data-ng-src="{{One_Entry}}"   width="240" height="152">
      </td>
     </tr>
  </table> 

我的js:

代码语言:javascript
复制
 $scope.Handle_Doc_Images_Arrival = function(data){

          if ((typeof data                != "undefined") &&
              (       data                != ""         ) &&
              (typeof data.Server_Status  != ""         ) &&
              (       data.Server_Status  == 200        )    ) {

            var l_Result = JSON.parse(JSON.stringify(data)) ;

            if(typeof l_Result.Server_Response.Result_Code !== "undefined" &&
                      l_Result.Server_Response.Result_Code ==  "0"            ) {

                $scope.This_Page.Doc_Images = [] ;
                $scope.This_Page.Images_Src = [] ;

                $scope.This_Page.Doc_Images = l_Result.Server_Response.Result_Data.Doc_Images ;

                for(var i = 0 ; i < $scope.This_Page.Doc_Images.length ; i++){
                    $scope.This_Page.Images_Src.push($scope.This_Page.Doc_Images[i].Image) ;
                }

            }
            else {
                $rootScope.Show_Error_Message('Attempt to get Doc Images failed : ' + l_Result.Server_Response.Result_Message) ;
                return ;
            }
        }
      }
EN

回答 1

Stack Overflow用户

发布于 2019-01-13 18:04:50

您可以尝试使用plunker

代码语言:javascript
复制
<img style="width: auto;" my-lazy-src="https://www.w3schools.com/images/picture.jpg">

这段代码取自this article

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/54167110

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档