Angular 2 checkbox params.setValue 是不是函数错误？

Question

import { Component } from '@angular/core';

import { GridOptions, RowNode } from 'ag-grid/main';
import { ICellRendererAngularComp } from 'ag-grid-angular';


@Component({
    selector: 'qrp-drop-down-selector',
    template: `
    <input type="checkbox" [checked]="params.value" style="margin-top: -6px;" (change)="params.setValue($event.target.checked ? true : null)">
    `
})
export class QrpDropdownEditorComponent implements ICellRendererAngularComp {
    private params: any;

    agInit(params: any): void {
        this.params = params;
    }
}

我创建了这种组件。但是当我把复选框错误 self.context.params.setValue is not a function 我到底错在哪里了？

Answer 1

Angular 正在寻找具有 setValue() 方法的对象。它找不到它。尝试这样的事情：

@Component({
    selector: 'qrp-drop-down-selector',
    template: `
    <input type="checkbox" [checked]="params.value" style="margin-top: -6px;" (change)="setValue($event.target.checked ? true : null)">
    `
})
export class QrpDropdownEditorComponent implements ICellRendererAngularComp {
    private params: any;

    agInit(params: any): void {
        this.params = params;
    }

    setValue(val: boolean) {
       this.params = val;
    }
}

Angular 2 checkbox params.setValue 是不是函数错误？

Angular 2 checkbox params.setValue is not a function error?

typescript

ag-grid

angular