SplitPipe для свойства FormControl не работает - PullRequest
Новая
       18

SplitPipe для свойства FormControl не работает

0 голосов
/ 30 апреля 2019

Я пытаюсь разделить входные значения, представленные в форме, на основе запятых между ними. Вот пример,

ФАЙЛ ТС 

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();
  }
}

для таблицы в ФАЙЛЕ HTML 

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

каждый раз, когда пользователь вводит сумму, которую он имел в день, значения отображаются следующим образом:

4.3,5.2,2.3

все входы отображаются в одной ячейке. Я хочу разделить их и напечатать их в разных строках в одной ячейке или в нескольких ячейках в нескольких строках.

Недавно я наткнулся на трубы и установил угловые трубы. импортировать SplitePipe в мой локальный файл TS. но когда я делаю следующие изменения, ничего не появляется: 

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

также попробовал разделить с Hello World, моя страница не появляется: 

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

Я ищу все решения. любая помощь будет оценена.

Ответы [ 2 ]

0 голосов
/ 01 мая 2019

Мне не хватало импорта в app.module.Для обычных каналов мне нужно было import {CommonModule} from '@angular/common'; в app.module и объявить в импорте.Кроме того, импортируя их в локальные компоненты.

Для разделения я должен был объявить в моем NgModule.@Ashok и @Mendy тоже ответили.

0 голосов
/ 30 апреля 2019

Синтаксис для передачи параметров в каналы немного отличается от обычных функций.Вы не используете круглые скобки и запятые, но вместо этого вы используете : перед каждым параметром, например:

<td>{{ food.amount | split : ',' }}</td>

...