在谷歌API的地方照片请求在img src

我想获得使用谷歌地点API他们的照片的位置列表。我将响应存储在变量vm.locationList中。在我看来，我正在迭代这个变量来显示位置列表。以下是代码在谷歌API的地方照片请求在img src

<div ng-repeat = "(key, value) in vm.locationList"> 
<div class="panel panel-primary"> 
    <div class="panel-body"> 
    <div class="col-md-2"> 
     <div class="pull-left thumbnail"> 
     <span ng-if="vm.getPhotos"> 
     <img src="https://maps.googleapis.com/maps/api/place/photo?maxwidth=150&photoreference={{value.photos[0].photo_reference}}&key=API_KEY" class="img-responsive" style="margin-right:10px;"> 
     </span> 
     </div> 
    </div> 
    <div class="col-md-10"> 
     <h4><b>{{value.name}}</b></h4> 
     <p><i class="fa fa-map-marker" style="color:red"></i>&nbsp;{{value.vicinity}}</p> 
     <p> open now: {{value.opening_hours.open_now}}</p> 
    </div> 
    <div ng-repeat = "type in value.types"> 
     <p style="float:left;width:20%" class="tags">{{type}}<p> 
    </div> 
    </div> 

</div>

我们拿到我把照片HTTP URL请求img标签的src属性。虽然我得到了列表的照片，但我看到控制台说错误的请求错误。以下是我在控制台

GET https://maps.googleapis.com/maps/api/place/photo?maxwidth=150&photoreference={{value.photos[0].photo_reference}}&key=API_KEY 400()

收到错误这里是HTTP响应

<title>Error 400 (Bad Request)!!1</title> 

<a href=//www.google.com/><span id=logo aria-label=Google></span></a> 
<p><b>400.</b> <ins>That’s an error.</ins> 
<p>Your client has issued a malformed or illegal request. <ins>That’s all we know.</ins>

来源

2017-08-19 ot954

好，我已经得到了我在那里做的错误。我使用了Angular的ng-src来代替src属性。现在它工作正常。绑定不能提前工作。我很困惑，因为即使装订不工作图像出现。

来源

2017-08-19 14:24:31 ot954

在谷歌API的地方照片请求在img src

回答

相关问题