2016-09-12 12 views
1

名前を入力してフィルタリングする必要があるJSONデータのリストがあります。結果に結果にその名前のリストが表示されます。現在、他の名前を隠しているだけで、他のリストもすべて表示しています。角度検索が正しくフィルタリングされていない

アクター名を入力すると、アクターがリストされているムービーリストのみが表示されるようにフィルターを設定するにはどうすればよいですか?

これは、リストを表示するために使用されるマークアップ、ならびに角度フィルタコードである:

<div class="row" ng-repeat="movies in results | filter:genre"> 
    <div class="col-lg-12"> 
     <div class="well well-sm"> 
      <div class="row"> 
       <div class="col-xs-3 col-md-3 text-center"> 
        <img src="" alt="poster" 
         class="img-rounded img-responsive" /> 
       </div> 
       <div class="col-xs-9 col-md-9 section-box"> 
        <h2> 
         {{movies.Name}} 
        </h2> 
        <div class="row rating-desc"> 
         <div class="col-md-12"> 
          <span class="glyphicon glyphicon-time"></span>{{movies.Duration}}<span class="separator">|</span> 
          <span class="glyphicon glyphicon-signal"></span>{{movies.Rank}}<span class="separator">|</span> 
          <a class="bookMovie" href="http://www.fandango.com/{{movies.Name}}">Book Now!</a> 
         </div> 
        </div> 
        <hr> 
        <p> 
         {{movies.Description}} 
        </p> 
        <p ng-repeat="actor in movies.Actors | filter:actor" > 
        <span ng-bind="actor"></span> 
        </p> 
        <hr /> 
       </div> 
      </div> 
     </div> 
    </div> 
    </div> 

JSONやコードの残りは、このplunkerに見ることができる。 https://plnkr.co/edit/ZmxaSRg9ir0qlNNtOyCd?p=preview

+0

のようなオブジェクトでフィルタリングすることができますが、あまりにもthe'movies'リストと 'Actors'リストを検索したいですか,? –

+0

@AbdelrhmanMohamed - 理想的です。私は最初に俳優のリストを検索していました。 – user3438917

+0

あなたは私の答えをチェックすることができます。私はオブジェクトでフィルタリングし、アクターとムービーによってアクターとムービーだけをジャンルとしてフィルタリングします –

答えて

0

これは、あなたの親ng-repeatにアクターフィルターを配置する必要があるためです。plnkrの下にチェックしてください:

https://plnkr.co/edit/k1JVXL0Cpxysjhn2tNx7?p=preview

<div class="row" ng-repeat="movies in results | filter:actor | filter:genre"> 
+0

これは、アクターの配列に限らずムービーオブジェクトのプロパティ全体をフィルタリングします。 – jusopi

+0

ムービーをフィルタリングするときに、そのリストからアクタの名前が削除されないように、これを設定するにはどうすればよいですか? – user3438917

+0

申し訳ありませんが、私はこれを本当に素早く作った、ベストプラクティスを入れる時間がなかった。 @Abdelrhmanの答えをチェックすると、彼の答えはより完全である=)私のことは変わりません。 –

2

あなたはこのfilter:{ Genres: genre, Actors: actor }

<div class="row" ng-repeat="movies in results | filter:{ Genres: genre, Actors: actor }"> 

plnkr link

関連する問題