Angular 2 flexbox

Question

當我在集合中使用組件時，Angular 2會離開組件的標籤。這可以防止Flexbox正常工作，因爲每個組件都有位置1.有沒有辦法解決這個問題？

<mycomp *ngFor="let prod of products"...> 
<div>something</div> 
</mycomp> 
<mycomp *ngFor="let prod of products"...> 
<div>something too</div> 
</mycomp> 

Answer 1

您可以使用屬性選擇這樣的：

@Component({selector: '[my-component]', ... }) 

<div my-component *ngFor="let prod of products" class="flex-item" > 
    <div>{{prod.title}}</div> 
</div> 

下面是一個plunker樣品https://plnkr.co/edit/V5ZLGL5tt9AnKnG4u34D?p=preview