Bootstrap in Express-NodeJS-Bilder werden nicht angezeigt

Ich versuche, einige Bilder im Browser mit Bootstrap in Express (Lenker) zu laden, und obwohl der Rest der Medien Inhalte gut erscheinen, werden die Bilder nicht im Browser geladen (Chrom).Bootstrap in Express-NodeJS-Bilder werden nicht angezeigt

Der Code in der .hbs Datei lautet wie folgt:

1 <div class="panel panel-default"> 
    2   <div class="panel-heading">  
    3     <h2 class="panel-title">{{index.title}}</h2>  
    4     <div> 
    5       <ul class="media-list">   
    6         {{#each movies}} <li class="media"> 
    7         <a class="pull-left" href="#" 
    8           <img class="media-object img-responsive" src= {{ poster_path }} alt=" "> 
    9         </a>        
10         <div class="media-body">{{ title }}<br/><strong class="media-heading">{{ popularity }}</strong> 
11         </div>       
12         </li>       
13         {{/each}} </ul>     
14     </div> 
15   </div> 
16 
17 </div>

Hier ist ein Screenshot der Seite:

https://drive.google.com/file/d/0B0oBZ2pgT9DUQldkaHFfNllFblU/view?usp=sharing

Alle Kommentare/Vorschläge würde geschätzt viel.

ADDED FIDDLE: https://jsfiddle.net/chattes/9azgfxex/

Dank

Quelle

2016-08-03 Sourav Chatterjee

Fehlende Zitate aus src-Attribut des img-Tag, verwenden Sie stattdessen: –

Das hat nicht funktioniert und ich sowieso Lenker verwende und ich denke nicht, wir Zitate müssen, wie ich Daten tue Bindung mit {{}} .. –

ich war in der Lage, es herauszufinden ... es war ein Fehler mit den div-Tags. Neueste Geige: https://jsfiddle.net/chattes/9azgfxex/

<title>{{title}}</title> 

<body> 
    <div class="page-header"> 
    <div class="container"> 
     <div class="col-md-1"> 
     <h1><a href="/">discoverMovie</a></h1> 
     </div> 
    </div> 
    </div> 
    <div class="container"> 
    <div class="row"> 

     <ul class="media-list"> 
     <div class="col-sm-12 col-md-6"> 
      <li class="media"> 
      <img src="http://www.w3schools.com/bootstrap/cinqueterre.jpg" alt="Interstellar" width="200" height="100" class="img-thumbnail"> 
      <div class="media-body">"Interstellar" 
       <br/><strong class="media-heading">14.524256</strong> 
      </div> 
      </li> 
      </div> 
     <div class="col-sm-12 col-md-6"> 
      <li class="media"> 
      <img src="http://www.w3schools.com/bootstrap/cinqueterre.jpg"

Quelle

2016-08-03 19:28:32

Bootstrap in Express-NodeJS-Bilder werden nicht angezeigt

Antwort

Verwandte Themen