切换复选框Angular 2

时间:2017-06-21 06:36:53

标签: javascript angular datatable angular-datatables angular2-databinding

我正在我的项目中使用angular 2数据表。

我的身体:

<tbody>
        <tr *ngFor="let item of main.data; let ndx = index">
            <td>
                <mfRowSelector [checkboxId]="ndx"
                                [entity]="item" (change)="toggleItem(item)" (selectEntity)="main.addRemoveSelectedEntity($event)"
                                >
                </mfRowSelector>
            </td>
            <td class="no-wrap">{{item.date | date}}</td>
            <td class="no-wrap">{{item.currency}}</td>
            <td class="no-wrap">{{item.amount | number:'.2-2'}}</td>
            <td>
                <input type="text" [(ngModel)]="item.amountEntered">
            </td>
        </tr>
    </tbody>

当我选择行时,selectEntity会将所选行作为数组传递。因此,如果我选择多个,我将得到一个多个对象的数组。如上所示我有一个输入字段,在复选框上选择金额td中的值将被复制到输入字段。直到这里工作。问题是如何在取消选中复选框时重置此值?伙计们好吗?提前谢谢。

我的功能:

selectedRows(selectedRows: any) {
    selectedRows.map(obj => {
        obj.amountEntered = obj.amount;
        if (obj instanceof selectedRows) {
            console.log('UNDALL', obj);
        }else {
            console.log('ILLALLO');
        }
    })
    this.inv_selected = selectedRows.length;

    console.log("selectedRow",selectedRows, selectedRows.length);
}

0 个答案:

没有答案