Javascript 在绝对URL不显示的情况下使用Angular ng src

我有一个绝对url为“”的图像，它是通过第三方服务托管的

// in controller
$scope.image = 'https://someimageurl.com/image.png'

我试图使用Angular的

ng src

指令，如下所示：

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

当我检查元素时，图像url被注入到DOM中，但它没有显示出来。它是一个1x1维的空白图像。然而，我看到图像通过网络选项卡进入（带有200个状态代码），但它只是1x1

---

当我尝试使用像“”这样的url时，它工作得非常好。

通过在img标记中添加“”和加载范围调用的动态部分，我可以正确地使用相同版本的url。例如：

<img ng-src="http://someimageurl.com/{{myCtrl.image_path}}" />

您可能应该将angular应用程序配置为将这些URL列入白名单。请看这里：

事实上，我认为您混淆了

controllerAs

语法。在这种情况下，您必须在控制器实例上添加成员（即，

this

），而不是

$scope

，否则您应该将

{{myCtrl.image}}

更改为

{{image}

// in controller

var myCtrl = this;
myCtrl.image = 'https://someimageurl.com/image.png'

// template

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

//在控制器中
var myCtrl=this；
myCtrl.image=https://someimageurl.com/image.png'
//模板

是否存在任何控制台日志错误？我注意到对你不起作用的url托管在https上，而不是httpGood one，请使用path。在Angular文档中看起来也是这样写的