Как открыть количество форм на основе номера, выбранного из списка в angular4?

Как сделать, чтобы выбрать номер из списка 3 и нажать кнопку "Отправить", чтобы открыть сведения о пассажирах формы так же, как и номер, который я выбрал из списка 3 в angular4? я пытался получить выбранное число в переменной и передать дочерний компонент и цикл для него в дочернем компоненте, но не работает, мой код, например, родительский компонент

export class FlightDetailsComponent implements OnInit {

  public num_of_passengers:number;

num_passengers_DropDownChanged(value: any) {
  this.num_of_passengers=value;
} 

for child componnet 

export class PassengerDtailComponent implements OnInit,OnChanges {

  @Input() num_of_passengers:number;

  public allPassengerChangeLogs: number[];

 ngOnChanges(changes: SimpleChanges) {

    this.allPassengerChangeLogs = new Array(changes.num_of_passengers.currentValue).fill(1);
  }


and my template for child component is
<div class=container  *ngFor="let in of allPassengerChangeLogs ; let i= index" >

    <form>
      <div class="form-group" style="display: inline">

        <input type="text" class="form-control" id="lbl_txt" placeholder="First name">
        <input type="text" class="form-control" id="input_txt" [(ngModel)] ="F_name"/>

        <input type="text" class="form-control" id="lbl_txt" placeholder="Last name">
        <input type="text" class="form-control" id="input_txt" [(ngModel)] ="L_name"/>
      </div>

0 ответов

Другие вопросы по тегам