選択されたデータをng-repeatに表示する方法

Question

選択したデータに基づいてデータを表示する方法 ng-repeat？

.. NGリピート= "IMG ht.imagesでID（1,2,3）で">

<div class = "panel-body"> 
<div ng-repeat=" img in images"> 
    <img src="http://photo/{{img.path}}" alt=""> 
</div> 
Panel content 

SQLの例：

SELECT * FROM画像のどこにIN（1,2）;

---

UPDATE：SELECT SQLの 例えば* IDが（1,2,3）の画像から。

私はNGリピートでみましたが、それはあなたがについてngSrcをお読みくださいコード

<div ng-repeat=" img in ht.images" ng-if="$index==0"> 
     <img ng-src="http://photos.com/foler/{{img.path}}" alt=""> 
    </div> 
    <div ng-repeat=" img in ht.images" ng-if="$index==1"> 
     <img ng-src="http://photos.com/foler/{{img.path}}" alt=""> 
    </div> 
    <div ng-repeat=" img in ht.images" ng-if="$index==2"> 
     <img ng-src="http://photos.com/foler/{{img.path}}" alt=""> 
    </div> 

---

"images": [{ 
    "path": "00/abc1.jpg", 
    "order": 1 
    }, { 
    "path": "00/abc2.jpg", 
    "order": 2 
    }, { 
    "path": "00/abc3.jpg", 
    "order": 3 
    }] 

前の質問How to display the first data in ng-repeat?

Answer 1

を書き換えるために多くの作業を行います。基本的には：src属性で{{ハッシュ}}のような角度のマークアップを使用して

は 権利は動作しません：角度が式を置き換えるまで、ブラウザはリテラルテキスト {{ハッシュ}}とURLから取得します内部{{ハッシュ}}。 ngSrcディレクティブはこの問題を解決します。

UPDATE：

AngularJS

var myApp = angular.module("myApp", []); 

myApp.controller("ctrl", ['$scope', function ($scope){ 
    $scope.images = [{ 
    "path": "https://images-na.ssl-images-amazon.com/images/G/01/img15/pet-products/small-tiles/23695_pets_vertical_store_dogs_small_tile_8._CB312176604_.jpg", 
    "order": 1 
    }, { 
    "path": "http://newsitems.com/wp-content/uploads/2016/03/2-36.jpeg", 
    "order": 2 
    }, { 
    "path": "https://www.cesarsway.com/sites/newcesarsway/files/styles/large_article_preview/public/Common-dog-behaviors-explained.jpg?itok=FSzwbBoi", 
    "order": 3 
    }]; 
}]); 

HTML

：ここ

は、複数の画像を表示するシンプルなコードです

そして、あなたはsee the demo

Answer 2

あなたが代わりにSRCディレクティブのNG-ショーとNG-SRCを使用することができますすることができます

<div class = "panel-body"> 
    <div ng-show="img.id == 1 || img.id == 2" ng-repeat="img in images"> 
     <img ng-src="http://photo/{{img.path}}" alt=""> 
    </div> 
</div> 

はそれが=をホープ）

Answer 3

ここでは、コントローラの一部です：

$scope.selectedId = [1,2,3]; 

    $scope.filterById = function(img) { 
     return ($scope.selectedId.indexOf(img.id) !== -1); 
    }; 

ここはhtmlです

<div ng-repeat="img in images | filter:filterById "> 
    <img ng-src="http://photo/{{img.path}}" alt=""> 
</div> 

Answer 4

あなたはidは、あなたが「選択」とはどういう意味ですかHTMLで