title: How to set dynamic property binding in ngmodel angular4
body: <p>I am struck in making check list. I made a check list for dynamic data so i create html template in angular 4 like this</p>
  
  <pre><code>&lt;div *ngFor="let Discipline of addDropDown.Disciplines let i = index"&gt;
            &lt;div class="form-group clearfix" style="width:100%" *ngIf="i&gt;=7"&gt;
              &lt;label style="width: auto; float: left;margin-bottom: 20px;padding-left: 10px;"&gt;{{Discipline.Name}}&lt;/label&gt;
              &lt;div style="width: auto;float: right;margin:0 10px;"&gt;
                &lt;label class="checkboxArea" style="width: auto;float: left;margin:0 10px;"&gt;
                  &lt;input [ngModel]="this['checkitem' + Discipline.Id]" (ngModelChange)="updateChecked($event,Discipline.Id)" type="checkbox"&gt;
                  &lt;span class="checkmark"&gt;&lt;/span&gt;
                &lt;/label&gt;
              &lt;/div&gt;
            &lt;/div&gt;
          &lt;/div&gt;
  </code></pre>
  
  <p>I have problem in <code>[ngModel]="this['checkitem' + Discipline.Id]</code></p>
  
  <p>discipline id is different depends upon data and property value also change</p>
  
  <p>sample data </p>
  
  <pre><code>{"173":false,"174":false,"175":false,"176":true,"177":false,"178":true,"179":true,"180":true,"181":false}
  </code></pre>
  
  <p>any other method to get property dynamically i also tried some methods it wont works..!!</p>
  
  <p>tried methods are </p>
  
  <pre><code>[ngModel]="checkitem[Discipline.Id]" 
   [ngModel]="checkitem.[Discipline.Id]"
  </code></pre>
  
  <p>please give solution for that</p>