title: Binding the label value using FormBuilder Angular 2
body: <p>I have an angular form(Reactive form) and a backend Service. The service tells me how many check box can be there in the User Interface as well as the labels and their values.</p>
  
  <p>I want to know how can I bind the label values to the UI. Since I am getting all the data but am not sure how to bind the labels while using the FormBuilder. Here goes my code.</p>
  
  <p>So my data looks like as follows :-</p>
  
  <pre><code>[
    {
      "facility_module_id": null,
      "module_id": "PM001",
      "module_name": "User management ",
      "mandatory_flag": 1,
      "parent_moduleId": null
    },
    {
      "facility_module_id": null,
      "module_id": "PM002",
      "module_name": "Library Management",
      "mandatory_flag": 1,
      "parent_moduleId": null
    },
    {
      "facility_module_id": null,
      "module_id": "PM003",
      "module_name": "Settings Management",
      "mandatory_flag": 1,
      "parent_moduleId": null
    }]
  </code></pre>
  
  <p>My Form Builder Looks like following:-</p>
  
  <pre><code>this.form = this._fb.group({
        'clientName': ['', [Validators.required, ValidationService.isAlphabetNSpace]],
        'hospitalGroup': ['', [Validators.required, ValidationService.isAlphabetNSpace]],
        'addressLineOne': ['', Validators.required],
        'addressLineTwo': ['', Validators.required],
        'city': ['', Validators.required],
        'state': ['', Validators.required],
        'postalCode': ['', Validators.required],
        'deployment': ['', Validators.required],
        'details': this._fb.array([
          this.initDetails()
        ]),
        'modules': this._fb.array([
        ])
      });
  </code></pre>
  
  <p>The FormGroup which I ma talking about is here</p>
  
  <pre><code>initModules(data) {
      return this._fb.group({
        'moduleName': [data.facility_module_id],
        'moduleCheck': [data.mandatory_flag]
      });
    }
  </code></pre>
  
  <p>Now the thing is I want the Module name to be a label but have no clue how to bind the data with the front-end with the label.</p>
  
  <p>Please let me know how to use FormBuilder to bind data to the label.
  My checkbox looks as follows:-</p>
  
  <pre><code>&lt;app-wizard-section title="Module Selection"&gt;
    &lt;div formArrayName="modules"&gt;
      &lt;div class="col-lg-3" *ngFor="let module of form.controls.modules.controls; let i=index"&gt;
        &lt;div class="panel-body" [formGroupName]="i"&gt;
          &lt;input class="checkbox-custom" type="checkbox" id="cb-{{i}}" formControlName="moduleCheck"&gt;
          &lt;label for="cb-{{i}}" class="checkbox-custom-label"&gt;My Patients&lt;/label&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/app-wizard-section&gt;
  </code></pre>