时间戳

首页 > 解决方案 > 由于无法读取未定义角度的属性“键”而出现错误

angular - 由于无法读取未定义角度的属性“键”而出现错误

问题描述

我的以下代码出现错误

错误

TypeError: Cannot read property 'key' of undefined at EditorComponent.push.xD4D.EditorComponent.setFillColor (editor.component.ts:634)

ts

    setFillColor(swatch: any): void {
    this.palettes.selected = swatch;
    this.props.fill = swatch.key;
    this.setFill();
    if (!this.props.canvasImage) {
        console.log('say hi')
        this.canvas.backgroundColor = this.props.canvasFill;
        this.canvas.renderAll(); 
    };
}

这是我的 HTML 代码

        <input type="text" class="form-control" [cpPosition]="'right'" [cpPresetColors]="customColors" [cpOKButton]="true" [cpAddColorButtonText]="'Speichern'" [cpAddColorButton]="true" [cpOKButtonClass]="'btn btn-light btn-sm'" [cpSaveClickOutside]="false" [(colorPicker)]="props.canvasFill"
           [style.background]="props.canvasFill" [value]="props.canvasFill" (cpPresetColorsChange)="updateColorPresets($event)"
           (colorPickerChange)="setFillColor()"/>

标签： angulartypescriptangular8fabricjsangular11

解决方案

这是因为您没有将任何值setFillColor从 HTML 代码传递给方法。

您可以将当前值传递为：

(colorPickerChange)="setFillColor($event.target.value)"

推荐阅读