title: Angular 2 Reactive Form Isolate Scope
body: <p>I am new to reactive forms. In below code, i have room type where I can add or remove form group. when I select any value of room type in drop-down it should populate the drop-down value in input box next to it. But I want to Isolate scope. </p>
  
  <p>Basically If i add more than one group(Dropdown, textbox) and if i try to select any of the dropdown the value should reflect in textbox next to it and not all. I tried using ngModel but it populate values in all textbox bcoz of duplication of names in NgModel.</p>
  
  <p>In my plunker. Red box is what i want but this for single dropdown I can achieve using ngModel. When we use FormArray we cannot use same name in ngModel.</p>
  
  <p>Please help. I tried finding similar Questions but nothing helped me.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;form [formGroup]="invoiceForm"&gt;
      &lt;label&gt;Package Title: &lt;/label&gt;
      &lt;input formControlName="Package_Title"/&gt;
      &lt;hr&gt;
      &lt;div formArrayName="HotelData"&gt;
        &lt;div *ngFor="let hotel of invoiceForm.controls.HotelData.controls; let i = index" [formGroupName]="i" &gt;
          &lt;fieldset&gt;
            &lt;label&gt;Hotel Title &lt;/label&gt;
            &lt;input formControlName="Htitle" /&gt;
            &lt;button (click)="addRoom(hotel.controls.RoomData)"&gt;Add Room&lt;/button&gt;
            &lt;div formArrayName="RoomData"&gt;
              &lt;div *ngFor="let room of hotel.controls.RoomData.controls; let j = index" [formGroupName]="j"&gt;
                &lt;fieldset&gt;
                  &lt;label&gt;Room Type&lt;/label&gt;
                  &lt;select&gt;
                    &lt;option *ngFor="let a of list"&gt;{{a}}&lt;/option&gt;
                  &lt;/select&gt;
                  &lt;input formControlName="Hotel_Room_Type"&gt;
                &lt;/fieldset&gt;
              &lt;/div&gt;
            &lt;/div&gt;
          &lt;/fieldset&gt;
        &lt;/div&gt;
      &lt;/div&gt;
      &lt;/form&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p><a href="http://plnkr.co/edit/Lehx81571Qy1QSKsa38c?p=preview" rel="nofollow noreferrer">Plunker Code</a></p>