如何在NGModel Angular4中设置动态属性结合



我在进行检查清单时感到震惊。我为动态数据做了检查清单,因此我在Angular 4中创建了HTML模板

<div *ngFor="let Discipline of addDropDown.Disciplines let i = index">
          <div class="form-group clearfix" style="width:100%" *ngIf="i>=7">
            <label style="width: auto; float: left;margin-bottom: 20px;padding-left: 10px;">{{Discipline.Name}}</label>
            <div style="width: auto;float: right;margin:0 10px;">
              <label class="checkboxArea" style="width: auto;float: left;margin:0 10px;">
                <input [ngModel]="this['checkitem' + Discipline.Id]" (ngModelChange)="updateChecked($event,Discipline.Id)" type="checkbox">
                <span class="checkmark"></span>
              </label>
            </div>
          </div>
        </div>

我在[ngModel]="this['checkitem' + Discipline.Id]

中有问题

纪律ID不同取决于数据和属性值也会更改

样本数据

{"173":false,"174":false,"175":false,"176":true,"177":false,"178":true,"179":true,"180":true,"181":false}

任何其他动态获取属性的方法,我也尝试了一些方法,它不起作用.. !!

尝试的方法是

[ngModel]="checkitem[Discipline.Id]" 
 [ngModel]="checkitem.[Discipline.Id]"

请提供该解决方案

最后,我从长时间搜索中得到了答案

应使用[(ngModel)]="checkitem[Discipline.Id]"

它可以正常工作..谢谢你们

最新更新