md-list（角度材料設計2.0） - サブコンポーネントは1行にする

Question

私はこのコンポーネントテンプレートを持っています。各コンポーネントは別々の行に置かれています...すべてのコンポーネントを1行にします。

<md-list> 
    <md-list-item *ngFor="let md of memberDeclartions"> 
    <span md-line> 
     <app-vehicle-type [selectedValue]="md.vehicleTypeValue">  
     </app-vehicle-type> 

     <app-tyre-category [selectedValue]="md.tyreTypeValue"> 

     </app-tyre-category> 
    </span> 
    </md-list-item> 
</md-list> 

Answer 1

ネストされたコンポーネントの場合、それぞれ<p> htmlタグが返されます。それは普通の2行です。

<md-list> 
    <md-list-item *ngFor="let md of memberDeclartions"> 
    <p md-line> 
     <app-vehicle-type [selectedValue]="md.vehicleTypeValue"></app-vehicle-type> 
     <app-tyre-category [selectedValue]="md.tyreTypeValue"></app-tyre-category> 
    </p> 
    </md-list-item> 
</md-list> 

をアプリ車載型、アプリ・タイヤ・カテゴリ・コンポーネントは、ちょうど<p>のhtml地上子せずに文字列値を返します。たぶん、このような何かを返します。