Question

我的数据库中存储了一个图像，我想使用angular来显示它。我页面的HTML如下所示：

<img ng-if="controller.model.logo && !controller.result" ng-src="{{ controller.model.logo }}" />

模型看起来像这样：

{
    "id":1,
    "name":"Test",
    "logo":"data:image/gif;base64,R0lGODlhGAQHAfcAAI6Sls3O1NPT1picpLq9xfv47t/j5ZWWm73Dy…I+amVcIIqn6qQAIVtzzkZiomiCBB0lMUMqg79LXKqAJJL3xuJe4hwBRiB9CV9CgpcsNzECAgA7",
    "theme":"black",
    "centers":null
}

但图像未显示。我做错了吗？

Answer 1

试试这个

<img ng-if="controller.model.logo && !controller.result" ng-src="{{controller.model.logo}}" />

对ng-src属性

使用字符串插值

Answer 2

你需要这样做：

<img ng-if="controller.model.logo && !controller.result" ng-src="{{controller.model.logo}}" />

AngularJS使用base64字符串显示图像

2 个答案: