ng-srcとAngular ng-repeat

私のプロジェクトはVisual Studioとng-srcを使って "ImageLocation"をバインドしようとしています。ng-srcとAngular ng-repeat

<body ng-app="TravelApp" ng-controller="Controller" class=""> 

<div class="centering-container"> 
    <div class="material-container"> 
     <div class="padding-25"> 
      <form class="form" role="search" method="get"> 
       <div class="input-group"> 
        <input type="text" class="form-control"  placeholder="Search" ng-model="searchTerm"> 
        <div class="input-group-btn"> 
         <button class="btn btn-default" type="submit"><i class="glyphicon glyphicon-search"></i></button> 
        </div> 
       </div> 
      </form> 
      <div style="padding-top:25px;"> 
       <button ng-click="getData()" type="button" class="material-button ">Lets Go!</button> 
      </div> 
     </div> 
    </div> 


</div> 
<div class="container-fluid" id="package-container"> 
    <div class="row"> 
     <div class="col-sm-6 col-md-4" ng-repeat="p in packageList | filter : searchTerm"> 
      <div class="thumbnail"> 
       <img ng-src="{{p.packageImageLocation}}" alt="PackageImage"> 
       <div class="caption"> 
        <h3>{{p.packageTitle}}</h3> 
        <p>{{p.packageLocation}}</p> 


       </div> 
      </div> 
     </div> 

    </div> 


</div>

イメージはロードされませんが、クロムのページを調べると、ルートが正しいことがわかります。

PackageImageLocation = "〜/画像/シドニー・オペラ・ハウスnight.jpeg"

は、上記のフィールドです。

私は何かが不足していると思う。

出典

2016-11-13 tlagreca

<div ng-controller="myCtrl"> 
    <div class="col-sm-6 col-md-4" ng-repeat="p in packageList"> 
    <div class="thumbnail"> 
     <img ng-src="{{p.packageImageLocation}}" alt="PackageImage"> 
     <div class="caption"> 
     <h3>{{p.packageTitle}}</h3> 
     </div> 
    </div> 
    </div> 
</div>

DEMO

出典

2016-11-13 04:31:02 Sajeetharan

はい申し訳ありませんが、そのすでにコントローラ内部。 – tlagreca

それはあなたのために働いていますか？ – Sajeetharan

これはすでにコントローラに入っていました。私はちょうど質問のコードにそれを加えていなかった。 – tlagreca

答えて

関連する問題