нарушение html td при применении ngfor

Question

<table>
<tr>
<th>Date</th>
<th>Products</th>
</tr>
<tr *ngFor="let x of orderdetails">
<td>{{x.orderdate}}</td>
<td *ngFor="let y of x.orderproducts">
  <span class="break">{{y}}</span><br>
</td>
</tr>
</table>

Как мне разорвать строку, в которой указан интервал в td, css .break {word-wrap: break-word;бело-пространстве: предварительно компресс;} Королевская Аспира должна быть расположена ниже Королевских Атомов

Answer 1

Попробуйте это

<table>
  <tr>
    <th>Date</th>
    <th>Products</th>
  </tr>
  <tr *ngFor="let x of orderdetails">
    <td>{{x.orderdate}}</td>
    <td>
      <div *ngFor="let y of x.orderproducts">
          <span class="break">{{y}}</span>
      </div>
      <br>
    </td>
  </tr>
</table>