MD列表(Angular-Material Design 2.0) - 子组件应在一条线上

Question

我有一个此组件模板，每个组件都放在单独的行上...我希望所有组件都在一行上。

<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标签。正常，您有两行。也许返回这样的东西：

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

和app-vehicle-type，app-tyre类别组件只需返回一个没有<p> HTML BALISE的字符串值。