Kartı açısal malzeme nasıl hizalar?

Question

Satır biçiminde kartları istemek istiyorum ama bu bana sütun biçiminde gösteriyor. Bu sonucun bir görüntüsünü ekledim.İlk kart doğru şekilde gösteriliyor ancak istediğim ikinci kart bu ilk kartın sağ tarafını gösteriyor üzerinde. Ama benim kodumda ikinci kart ilk kartın altında saklanır.

diğer tüm kartlar düzgün gösterilmediğinden de uzun açıklama beacuse HTML görünümü dosyası

<md-content class="md-padding layout-xs-column layout-row" layout-xs="column" layout="row" ng-repeat="product in vm.result">  
<div layout="column" flex-xs flex-gt-xs="30" class="layout-row flex-xs flex-gt-xs-30"> 
    <md-card> 
    <md-card-header> 

     <md-card-header-text> 
     <span class="md-title">{{ product.Product_Name }}</span> 

     </md-card-header-text> 
    </md-card-header> 
    <img ng-src="{{ product.Image }}" class="md-card-image" alt="Image here"> 
    <md-card-title> 
     <md-card-title-text> 
     <span class="md-subhead" style="font-weight: bold;">Brand: </span><span style="margin-left:10px">{{ product.Brand }}</span> 
     <span class="md-subhead" style="font-weight: bold;">Color: </span><span style="margin-left:10px">{{ product.Color }}</span> 
     <span class="md-subhead" style="font-weight: bold;">Price: </span><span style="margin-left:10px">{{ product.Price }}</span> 
     <span class="md-subhead" style="font-weight: bold;">Url: </span><span style="margin-left:10px"><a ng-href="{{ product.Url }}">{{ product.Url }}</a></span> 
     <span class="md-subhead" style="font-weight: bold;">Category: </span><span style="margin-left:10px">{{ product.Category }}</span> 
     <span class="md-subhead" style="font-weight: bold;">Description: </span><span style="margin-left:10px">{{ product.Description }}</span> 
     </md-card-title-text> 
    </md-card-title> 
    <md-card-actions layout="row" layout-align="start center"> 
     <md-button class="send-button md-accent md-raised" ng-click="vm.editDialog($index,product._id)">Edit</md-button> 
     <md-button name="ProductId" class="send-button md-accent md-raised" ng-click="remove(product._id,'{{$index}}')">Remove</md-button> 
    </md-card-actions> 
    </md-card> 
    </div> 

.

Answer 1

Yanlış yerde ng-repeat kullanıyor. md-content'da kullanmak yerine div öğesinde kullanılmalıdır. Aşağıdaki kod bakın. http://codepen.io/next1/pen/GZvgrK