2017-01-07 15 views
1

これをng-repeatで実行しようとしていましたが、ng-show内の条件が動作していないようです。だから私はそれを移動し、それはまだ実行されていないようです。Angular ng-show not running条件付き

式はnow_playingを表示しますが、条件式をどのように記述しても要素を非表示にしたり表示したりすることはありません。

私はので、あなたのコードは、動作していないと思う
<div class="container" ng-controller="MovieCtrl as movie" ng-init="loadMovies(movie_filter='now_playing')"> 
    <div class="row"> 
     <div class="col-sm-12"> 
      <h1>Movies</h1> 
      <p ng-show"movie_filter === 'now_playing'">{{movie_filter}}</p> 
      <form name='filterMovies'> 
       <div class="form-group"> 
        <select ng-change="loadMovies(movie_filter)" ng-model="movie_filter" name="movie_filter" id="movie_filter"> 
         <option selected value="now_playing">Now Playing</option> 
         <option value="top_rated">Top Rated</option> 
         <option value="popular">Popular</option> 
        </select> 
       </div> 
      </form> 
     </div> 

     <div class="col-md-2 col-sm-3 col-xs-6 movies" ng-repeat="movie in movies | limitTo: 18"> 
      <a href="movie_details.php?id={{movie.id}}"><img src="https://image.tmdb.org/t/p/w300{{movie.poster_path}}" alt="" class="img-responsive"></a> 
     </div> 
    </div> 
</div> 

答えて

2

:あなたはこの場所ng-controller="MovieCtrl as movie"で、コントローラの別名movieを作成しましたが、あなたは「AREN ng-show

  • 後に等しい演算子を逃した

    1. それを使用する

    ビュー/ htmlのアクセスコントローラ変数の場合は、変数にエイリアスを追加する必要があります名前は、一例として、あなたのng-showは次のようになります。

    ng-show="movie.movie_filter === 'now_playing'" 
    

    それとも、ng-controllerタグからエイリアスを削除することができ、あなたのコードが動作します。

  • +0

    入手しました。ありがとうございました。 –

    +0

    yrw、それが助けになったら、答えとしてマークすることを忘れないでください – ivamax9