Ionic/AngularJS base64图像将不会显示

Question

我试图在Ionic应用程序中简单地显示base64图像.

如果我这样做,图像将不会显示:

HTML:

 <img ng-src="data:image/jpeg;base64,{{myImage}}"/>

控制器:

$scope.myImage= "/9j/4AAQSkZJ ...";

但是如果我只是将编码的字符串直接放在图像元素中,则会显示图像:

 <img ng-src="data:image/jpeg;base64,/9j/4AAQSkZJ ..."/>

我检查了每个不安全的安全设置,看了几十个其他的SO帖子等等.如果我把这个小例子放在CodePen中,它可以双向工作.

$scope.myImage变量会发生什么情况会阻止它绑定到图像元素？这是离子的吗？有角度的问题？

Answer 1

data-ng-src像这样使用指令<img data-ng-src="{{data.image_url}}">.

在你的控制器中设置base64字符串,如下所示: $scope.data.image_url=<your base64 image source>

希望这可以帮助!