angularjs - Ionic/AngularJS base64 图像不会显示

Question

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

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

HTML:

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

Controller :

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

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

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

我检查了每一个不安全的安全设置，查看了许多其他 SO 帖子等。如果我把这个小例子放在 CodePen 中，它可以双向工作。
$scope.myImage 可能会发生什么会阻止它绑定(bind)到图像元素的变量？它是 ionic 的东西吗？ Angular 问题？

Answer 1

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

在您的 Controller 中将 base64 字符串设置为:$scope.data.image_url=<your base64 image source>
希望这可以帮助!