2016-08-03 4 views
0

Express(ハンドルバー)のブートストラップを使用してブラウザにイメージをロードしようとしていますが、メディアの残りの部分は正常に表示されますが、イメージはブラウザにロードされませんクロム)。次のようにExpress-NodeJSイメージのブートストラップが表示されない

.hbsファイル内のコードは次のとおりです。ここで

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> 

は、ページのスクリーンショットです:

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

すべてのコメント/提案をいただければ幸いです。

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

おかげ

+1

、代わりにこれを使用する:

+0

動作しませんでしたし、とにかく私はハンドルを使用していますが、私はデータをやっていると私たちは引用符が必要だと思ういけません{{}}とのバインディング –

答えて

0

私はそれはdivタグと間違いだった...それを把握することができました。 最新フィドル:imgタグのsrc属性からの引用がありません 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" 
関連する問題