ng-src的角度ng-repeat

我的項目是在visual studio中，我試圖使用ng-src將「ImageLocation」綁定到它。ng-src的角度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

ng-src的角度ng-repeat

回答

相關問題