使用Angular JS添加图像

Question

嗨,我是角度js的新手,我正在使用的应用程序使用它.但我偶然发现了一个问题......(我主要做的是html/css)将图像添加到标记时,他们不会出现常规方式:

<img src="image/source/image.png"/>

所以我对控制器文件做了以下操作:

  subscriptionControllers.controller('imagesController', function($scope) {
  $scope.image = [{
    src: 'image/source/image.png',
  }];
});

然后添加到html:

<img ng-src="{{image}}"/>

但仍然没有出现任何东西.

非常感谢任何帮助,谢谢!

编辑:

是的,图像存在,路径正确当我查看控制台时,它将图像显示为:image.png%22%7D]/subscription/images

所以它将%22%7D添加到图像我不知道为什么,如果我点击控制台中的图像链接它将我带到404页面.

编辑:我不再认为这是问题,当我查看控制台并单击图像选项卡时,它会显示图像类型:html/text我不知道为什么会这样做,任何线索？

Answer 1

我可以看到你的图像模型是一个json对象的数组.如果是这样,请在访问图像模型时在视图中进行以下更改.

<img ng-src="{{image[0].src}}"/>