ループ内のリンクの準備

Question

オブジェクトの配列があります。私はそのループから抜け出す。 両方のシリーズで画像へのリンクを取得しますか？ vm.data.list-オブジェクトの配列。 ループ：画像へのリンクを得ることのサイクルと同様に

<tr ng-repeat="item in vm.data.list"> 
       <td ng-bind="item.temp.day"></td> 
       <td ng-bind="vm.symbal"></td> 
       <td ng-bind-template="{{ item.humidity }} %"></td> 
         </tr> 

？ （http://openweathermap.org/img/w/vm.data.list[0].weather[0].icon.png、http://openweathermap.org/img/w/vm.data.list[1].weather[0].icon.png及びその他）

私はそうしてみました：https://docs.angularjs.org/api/ng/directive/ngSrc：

<tr ng-repeat="item in vm.data.list"> 
       <td ng-bind="item.temp.day"></td> 
       <td ng-bind="vm.symbal"></td> 
       <td ng-bind-template="{{ item.humidity }} %"></td> 
     <!--  <td img ng-src="http://openweathermap.org/img/w/{{item.weather[0].icon.png}}">--> 
       <td> <img src=http://openweathermap.org/img/w/{{item}}.weather[0].icon.png></td> 
       </tr> 

Answer 1

あなたはng-srcの代わりsrcを使用する必要があります。 Angularは最初にng-srcの値を計算し、次にあなたのためにsrcを構築します。 jsfiddle：あなたのケースでは

<div ng-repeat="item in items"> 
    <img ng-src="http://www.w3schools.com/{{item.f.folders[0]}}/{{item.name}}"> 
</div> 

、使用：ここで

は、基本的な例であるほかに、NG-SRCから

<img ng-src="http://openweathermap.org/img/w{{item.weather[0].icon}}.png‌​"> 

は、次の点に注意してください

• プロトコルまたはスラッシュ以外の何かで始まるURLは、相対です。それはb eは現在のページのコンテキストに対して解決されました。あなたの場合、最初にhttp：//を忘れないでください！
• リンク内のすべての角の式は括弧内にある必要があります：{{item}}.weather[0]は、このよう