Как передать Formarray на другой компонент - PullRequest
Новая
       36

Как передать Formarray на другой компонент

0 голосов
/ 17 октября 2018

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

app.component.html 

<div [formGroup]="userForm">
  <div formArrayName="users">
    <div *ngFor="let user of users.controls; let i = index">
      <input type="text" placeholder="Enter a Room Name" [formControlName]="i">
    </div>
  </div>
</div>
<button (click)="addUser()">Add Room</button>
<title [users]="users"></title>

app.component.ts 

userForm: FormGroup;

constructor(private fb: FormBuilder) {}

public get users(): any {
  return this.userForm.get('users') as FormArray;
}

ngOnInit() {
  this.userForm = this.fb.group({
    users: this.fb.array([this.fb.control('')])
  });
}

addUser() {
  this.users.push(this.fb.control(''));
}

title.component.html 

<div *ngFor="let user of users.controls">{{ user.value }}</div>

title.component.ts 

@Input() users;

ngOnChanges(changes) {
  console.log(changes);
}

Но приведенный выше код не отображает значения formarray в дочернем компоненте.

Пример стекаблица: здесь

1 Ответ

0 голосов
/ 17 октября 2018

title - это ключевое слово и его уже определенный тег с HTML.просто используйте другое имя для компонента selector

 selector: 'title1',

STACKBLITZ DEMO

...