如何顯示每4列物品的產品？

我有想要在每四個物化過程中展示的產品。我如何使用ng-repeat來完成這項任務？如何顯示每4列物品的產品？

內容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>

來源

2017-01-24 hussain

NG-重複是重複代碼片段，可以是行或列。你有屏幕截圖或你想要實現什麼，以便模板可以調整？ –

產品是在一行中顯示一個項目，我想用ng-repeat在一行中顯示3個產品 – hussain

只要把NG重複的col而不是row ..

<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

來源

2017-01-24 18:25:26 ZimSystem

謝謝你的工作！ – hussain

如何顯示每4列物品的產品？

回答

相關問題