J'ai besoin d'aligner correctement les informations, c'est-à-dire le numéro de bon de commande et le fournisseur, comment faire?

from

PO Number: 344 Vendor: yu
PO Number: 3445 Vendor: yu
PO Number: 344 Vendor: yu

to

PO Number: 344   Vendor: yu
PO Number: 3445  Vendor: yu
PO Number: 344   Vendor: yu
<div *ngFor="let n of listof_POs" style="color: white;">
      <span><b>PO Number: {{n.po_number}} &nbsp; &nbsp;Vendor: {{n.vendorname}} </b></s
</div>
0
Hemkumar 16 sept. 2020 à 08:00

2 réponses

Meilleure réponse

Si vous pouvez utiliser Angular Flex Layout, vous pouvez le gérer comme ceci.

<div *ngFor="let n of listof_POs" style="color: white;" fxLayout="row">
      <b fxFlex="50%">PO Number: {{n.po_number}}</b>
      <b fxFlex="50%">Vendor: {{n.vendorname}}</b>
</div>


You can also use CSS Flexbox to achieve this
0
Vna 16 sept. 2020 à 05:25

On dirait que vous essayez de créer une table de manière très difficile, pourquoi ne pas essayer quelque chose comme ce qui suit: https : //www.w3schools.com/angular/angular_tables.asp

HTML

<table>
  <tr ng-repeat="n in listof_POs">
  <td>PO Number: {{ n.po_number}}</td>
  <td>Vendor {{ n.vendorname}}</td>
 </tr>
</table>
0
Dylan Anlezark 16 sept. 2020 à 05:20