2017-01-24 12 views
0

私は4列ごとに表示したい製品を持っています。 ng-repeatを使用してそのタスクをどのように達成できますか?4 colsごとに製品を表示するにはどうすればいいですか?

main.htmlをの内容:

<div class="row"> 
     <div class="col s12 m4"> 
      <div class="card blue-grey darken-1" ng-repeat="laptop in data"> 
      <div class="card-content white-text"> 
       <span class="card-title">{{laptop.name}}</span> 
      </div> 
      <div class="card-action"> 
       <a href="#">{{laptop.Brand}}</a> 
      </div> 
      </div> 
     </div> 
     </div> 
+0

NGリピートコードスニペットを繰り返すことですが、行または列である可能性があります。 テンプレートを調整できるように、スクリーンショットや達成したいことはありますか? –

+0

商品は1列に1つの商品が表示されていますので、ng-repeatを使用して3つの商品を1行に表示したい – hussain

答えて

2

だけではなく、rowcolにNGリピートを置く。..

<div class="row"> 
    <div class="col s12 m4" ng-repeat="laptop in data"> 
     <div class="card blue-grey darken-1"> 
     <div class="card-content white-text"> 
      <span class="card-title">{{laptop.name}}</span> 
     </div> 
     <div class="card-action"> 
      <a href="#">{{laptop.Brand}}</a> 
     </div> 
     </div> 
    </div> 
    </div> 

例:http://www.codeply.com/go/3rRmpU0NC3

+0

ありがとうございました! – hussain

関連する問題