Angular ng-контейнер внутри HTML строки таблицы - PullRequest
Новая
       5

Angular ng-контейнер внутри HTML строки таблицы

1 голос
/ 11 апреля 2020

У меня есть Реактивная форма с FormArray (например, список игр с базовой c информацией, такой как Start At, Prize, Duration, а также с реестром (массивом игроков)

Я отображаю массив таких игроков, как this: 

<input 
    class="form-control" 
    formControlName="prize"
    type="number"
/>

<table>
 <tr 
   *ngFor="let player of form.players" 
   [form]="player"
   appPlayer 
 >
 </tr>
<table>

И пользовательский компонент 

@Component({
  selector: 'tr[appPlayer]',
  templateUrl: './player.component.html',
  changeDetection: ChangeDetectionStrategy.Default,
  providers: [
    ReceiptItemReactiveService
  ]
})
export class AppPlayerRow {
  @Input()
  player: FormGroup;
...

Пока все хорошо. Внутри AppPlayerRow мне действительно нужны ячейки отображения, хотя они должны быть заключены в элемент с помощью [FormGroup] Директива. Насколько я знаю, HTML5 допускает только элемент td / th внутри TR. Поэтому я сделал это с помощью этого обходного пути:

player.component. html: 

<ng-container [formGroup]="player" >
    <td class="order" >
        {{ plater.controls.order?.value }}
    </td>

    <td class="desc" >
        <input 
            class="form-control" 
            formControlName="name"
        />
   ....

В браузере все исправно, ng-контейнер не отображается, все кажется действительным. Я просто пытаюсь подтвердить, не пропускаю ли я какое-то предупреждение.

Thansk!

...