angularjs 来自 firebase 的 ng-repeat 图像 base64

Question

我有一组图像 base64 存储在数据库 firebase 中。问题是当申请费 ng-repeat 需要大约 20 秒才能显示图像时，我附上了我的代码，你能帮帮我吗？

控制器



    $scope.itinerarios = itinerariosFactory.getAll();

服务



    .factory('itinerariosFactory', ['$firebase',
      function($firebase) {

        var ref = new Firebase('my firebase url');

        var itinerariosFactory = {
          getAll: function () {
              return $firebase(ref.child('itinerarios/')).$asArray();
          }
        };

        return itinerariosFactory;

      }])

查看


    img ng-repeat="imagen in itinerario.imagenesSlider" data-ng-src="data:image/jpeg;base64,{{imagen.base64}}" width="100%"

Answer 1

不确定是否有帮助，但您必须尝试（如果您使用的是 angular 1.3+）

data-ng-src="data:image/jpeg;base64,{{::imagen.base64}}"

无论如何，我认为以这种方式添加图像不是一个好主意。请尝试添加自定义指令。

angularjs 来自 firebase 的 ng-repeat 图像 base64

angularjs ng-repeat image base64 from firebase

javascript

base64

angularjs

firebase

ionic-framework