I am trying to split the input values submitted to the form based on the commas between them. Here is an example,

TS FILE

```
export class FoodComponent implements OnInit {
  myForm: FormGroup;
  private food;

  amount = new FormControl('', Validators.required);

  constructor(public serviceFood: FoodService, fb: FormatBuilder) {
    this.myForm = fb.group({
      amount: this.amount
    });
  };

  ngOnInit():void {
    this.loadAll();
  }
}

```

for the table in HTML FILE

```
<td>{{food.amount}}</td>

```

every time the user input the amount they had on the day, the values are shown like this:

4.3,5.2,2.3

all of the inputs are rendered in one cell. I want to split them and either print them in different rows in one cell or multiple cells in multiple rows.

recently I came across pipes and have installed angular-pipes. imported SplitePipe into my local ts file. but when I make the following changes, nothing comes up:

```
<td>{{food.amount | split(',')}}</td>

```

also tried the split with Hello World, my page does not come up:

```
<td>{{'Hello World' | split}}</td>

```

I am searching all over the solutions. any help would be appreciated.