javascript - 使用不显示绝对 url 的 Angular ng-src

标签 javascript angularjs angularjs-directive

我有一张图像,其绝对 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/

相关文章:

javascript - Google Analytics 是否捕获 Javascript 重定向?

javascript - 定位当前位置标记

ng-bind-html 中的 AngularJS 指令

javascript - 将呈现的网页的一部分转换为独立的 HTML

javascript - 如何让 &lt;input type ="date"> 支持所有浏览器?还有其他选择吗?

javascript - 如何自动关闭 JHipster 上的警报?

angularjs - 通过 $sce.trustAsHtml 渲染时访问 ng-click

javascript - Mongoose 保存一个空对象

javascript - AngularJS 表单验证 - TypeError : Cannot set property 'integer' of undefined

javascript - AngularJS 和 JQuery UI 选项卡