, поэтому я работаю над существующей базой кода, и я пытаюсь заполнить мат-форму, чтобы получить текстовые данные, записанные в файле mam-chart.model.ts, но по какой-то причине я получаю эту ошибку «ERROR TypeError: Невозможно прочитать свойство 'text' неопределенного '". I
Любые предложения или помощь будут действительно приняты
design.ts
import { Chart, TextData, ChartData} from 'src/app/mam-chart/models';
export class ChartDesignComponent implements OnInit {
chart: Chart;
chartData: ChartData;
}
design. html
<mat-form-field appearance="fill">
<mat-label>Text</mat-label>
<input matInput [(ngModel)]="chartData.textData.text" />
</mat-form-field >
<mat-form-field appearance="fill">
<mat-label>Color(# + hex color code)</mat-label>
<input matInput [(ngModel)]="chartData.textData.color"/>
</mat-form-field >
mam-chart .model.ts
export class Chart {
id: number;
chartType: ChartType = ChartType.chart;
version: number = 2;
dataType: ChartDataType = ChartDataType.static;
template: ChartTemplate;
.........
}
export class TextCard extends Chart {
public chartData: CardDataChart;
constructor(json?: any) {
super(json)
if (json == null) {
return;
}
this.chartData = new ChartData(json.chartData);
}
}
export class TextData {
public text: string;
public color: string;
public size: string;
public sizePx: number;
constructor(json?: any) {
if (json == null) {
this.text = "";
this.color = "";
this.size = "";
this.sizePx = 20;
return;
}
......
export class ChartData {
filteredData: FilteredData[];
figures: Figure[];
textData: TextData;
}