我有一张图像,其绝对 URL 类似于“https://someimageurl.com/image.png”,它是通过第三方服务托管的。
// in controller
$scope.image = 'https://someimageurl.com/image.png'
我正在尝试像这样使用 Angular 的 ng-src
指令:
<img ng-src="{{myCtrl.image}}" />
当我检查元素时,图像 url 被注入(inject)到 DOM 中,但它没有显示。它是一个 1x1 尺寸的空白图像。但是,我看到图像通过“网络”选项卡进入(带有 200 状态代码),但它只是 1x1。
当我尝试使用像“http://placehold.it/350x150”这样的 url 时,它工作得很好。
最佳答案
我有一个相同的版本可以正常工作,方法是让' http://someimageurl.com/ ' 添加到 img 标签中,动态部分加载了范围调用。示例:
<img ng-src="http://someimageurl.com/{{myCtrl.image_path}}" />
关于javascript - 使用不显示绝对 url 的 Angular ng-src,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40509732/