Angular 2 For Loop中的唯一局部变量

Question

我有一个for循环以前一直工作，直到我开始在日期输入上使用JQuery UI＆＃39的Datepicker。此插件会破坏数据绑定，因此ngModel不再更新其值。这是我的代码：

<div *ngFor="let list of checklists">
    ...    
    <div *ngFor="let item of list.TaskItems">
        <form (ngSubmit)="addItem(list.Id, list.NewItemName, list.NewItemDetails, list.NewItemDate)" #addNewItemForm="ngForm">
            <!--Date-->
            <div class="form-group">
                <div class="col-md-12">
                    <input class="form-control task-date date-picker" id="Date" name="Date" type="datetime" [(ngModel)]="list.NewItemDate">                
                </div>
            </div>
            <!--Cancel/Save-->
            <div class="row addCancel-row">
                <div class="addCancel">
                    <button type="submit" class="add-this-task save-button" [disabled]="!addNewItemForm.form.valid">Add this checklist item</button>
                    <button class="cancel-button">Cancel</button>
                </div>
            </div>
        </form>
    </div>
</div>

通常当我遇到此问题时，我会在输入中添加#date之类的变量，并在表单提交方法中添加date.value作为参数，它可以正常工作。这次给我使用for循环，我得到一个错误，因为有多个变量具有相同的名称。如何为for循环中的每个输入创建唯一的局部变量？我试过了#list.date，但它没有用。