Javascript AngularJS不显示来自API的图像

在我当前的场景中，我只是显示来自RESTAPI的图像。但它正在转储

错误403

。这是我的名片。看看，我试过了

和
ng src='
也一样，但仍然无法从URL获取图像。它给出了以下错误：

积极响应将不胜感激。
Cloudflare托管的网站可以选择热链接保护选项。启用后，其他网站无法加载这些图像。这里有一个解释

如果是您的网站，您可以禁用热链接保护。如果没有，您将无法使用它们。
Cloudflare托管的网站可以选择热链接保护选项。启用后，其他网站无法加载这些图像。这里有一个解释

如果是您的网站，您可以禁用热链接保护。如果没有，则无法使用它们。
通过使用此指令，它可以工作：

app.directive('ngSrc', function() {
    return {
        link: function(scope, element, attrs) {
            element.bind('error', function() {
                if (attrs.src != attrs.ngSrc) {
                     window.location.href=attrs.ngSrc;

                }
            });
        }
    }
})

通过使用此指令，它可以工作：

app.directive('ngSrc', function() {
    return {
        link: function(scope, element, attrs) {
            element.bind('error', function() {
                if (attrs.src != attrs.ngSrc) {
                     window.location.href=attrs.ngSrc;

                }
            });
        }
    }
})

在小提琴中一切似乎都正常？它没有显示图像。如果我们在下一个选项卡中打开所有这些URL，则实际的图像链接不起作用。在小提琴中一切似乎正常？它没有显示图像。如果我们在下一个选项卡中打开所有这些URL，则实际的图像链接不起作用。它们确实起作用。