AngularJS中未解析错误ERR_NAME_

我有一个AngularJS 1.0.7网络应用程序

我有这个密码：

<div class="inspiration-wrapper">                       
                        <a href="/{{locationService.getLangKey()}}/{{'URL_BOAT_RENTALS_IBIZA' | translate}}" 
                           class="inspiration-link">                            
                            <img ng-src="//{{S3_BUCKET}}.{{PHOTO_SERVER_URL}}/img/inspiration/ibiza/inspiration-ibiza-1.jpg"
                                 class="inspiration-image"
                                 alt="{{'ALT_INSPIRATION' | translate}} {{'INSPIRATION_IBIZA' | translate}}"
                                 title="{{'TITLE_INSPIRATION_IBIZA' | translate}}">
                            <div class="inspiration-title" style="left: 270px">
                                {{'INSPIRATION_IBIZA' | translate}}
                            </div>
                        </a>                        
                    </div>

这是伟大的工作！ 然而，我们正在改善我们的用户体验，一些部件正在重新设计。我们的设计师建议进行以下更改：

<div class="inspiration-wrapper" style="background-image:url('//{{S3_BUCKET}}.{{PHOTO_SERVER_URL}}/img/inspiration/ibiza/inspiration-ibiza-1.jpg')">                        
                        <a href="/{{locationService.getLangKey()}}/{{'URL_BOAT_RENTALS_IBIZA' | translate}}" 
                           class="inspiration-link" alt="{{'ALT_INSPIRATION' | translate}} {{'INSPIRATION_IBIZA' | translate}}"
                   title="{{'TITLE_INSPIRATION_IBIZA' | translate}}">
                            <div class="inspiration-title">
                                {{'INSPIRATION_IBIZA' | translate}}
                            </div>
                        </a>                        
                    </div>

这意味着，图像不再作为带有ng src属性的img标记加载，而是加载到背景img css属性中。从设计的角度来看，这是一种更好的方法

当然，当这项操作完成后，我会得到以下错误：get

http://%7B%7Bs3_bucket%7D%7B%7B照片_服务器_url%7D%7D/img/inspiration/ibiza/inspiration-ibiza-1.jpg net:：ERR_NAME_NOT_RESOLVED

---

是否有任何方法可以实现我们正在尝试的目标并避免此错误？

是使用

ng style

：

<div class="inspiration-wrapper" ng-style="{'background-image': 'url(//' + S3_BUCKET + '.' + PHOTO_SERVER_URL + '/img/inspiration/ibiza/inspiration-ibiza-1.jpg)'}">

错误已消失。但是，图像未加载。我只是在风格之前加上了“ng-”。在显示图像之前，检查您的最终url是否正确，检查元素并查看它的url，询问url是否正确。ng style=“背景图像：url（'//yanpy.dev.s3.amazonaws.com/img/inspiration/ibiza/inspiration-ibiza-1.jpg'）”。如果我只是检查元素并删除ng-图像会自动显示。请尝试此