Question

我很震惊地制作清单。我为动态数据做了一个检查清单，所以我在角度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]"

请为此提供解决方案

Answer 1

最后我从长搜索中得到答案

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

它工作得很好..谢谢你们

如何在ngmodel angular4中设置动态属性绑定

1 个答案: