2017-08-19 1 views
0

Ich versuche, eine Liste der Lage mit ihren Fotos mit Google Orte API zu bekommen. Ich speichere die Antwort in einer Variablen vm.locationList. Aus meiner Sicht wiederhole ich diese Variable, um die Standortliste anzuzeigen. Es folgt der CodePlatzieren Sie Fotoanfragen mit Google API in 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> 

nun das Foto Ich stelle http URL-Anfrage in src-Attribut des img-Tag zu erhalten. Obwohl ich Bilder mit der Liste bekomme, sehe ich Fehler in der Konsole, die schlechte Anfrage sagen. Folgenden sehen Sie die Fehler, die ich in der Konsole immer bin

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

Und hier ist die HTTP-Antwort

<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> 

Antwort

0

Okay, ich habe, wo ich Fehler mache. Ich habe Angulars ng-src anstelle des src-Attributs verwendet. Jetzt funktioniert es gut. Binding funktionierte nicht früher. Ich war verwirrt, denn obwohl die Bindung nicht funktionierte, erschien das Bild.