为什么我得到的错误类型‘未定义’是不能指定键入.？

Question

我创造了一个新的角度应用程序。

在我的app.component.html里

<bryntum-scheduler
    #scheduler
    [resources] = "resources"
    [events] = "events"
    [columns] = "schedulerConfig.columns"
    [startDate] = "schedulerConfig.startDate!"
    [endDate] = "schedulerConfig.endDate!"
></bryntum-scheduler>

app.component.ts看起来就像

import { Component, ViewChild } from '@angular/core';
import { BryntumSchedulerComponent } from '@bryntum/scheduler-angular';
import { schedulerConfig } from './app.config';

@Component({
    selector    : 'app-root',
    templateUrl : './app.component.html',
    styleUrls   : ['./app.component.scss']
})
export class AppComponent {
    resources = [
        { id : 1, name : 'Dan Stevenson' },
        { id : 2, name : 'Talisha Babin' }
    ];

    events = [
        { resourceId : 1, startDate : '2022-01-01', endDate : '2022-01-10' },
        { resourceId : 2, startDate : '2022-01-02', endDate : '2022-01-09' }
    ];

    schedulerConfig = schedulerConfig;

    @ViewChild('scheduler') schedulerComponent!: BryntumSchedulerComponent;
}

这是app.config.ts (与app.component.ts位于同一个文件夹中)：

import { SchedulerConfig } from '@bryntum/scheduler';

export const schedulerConfig: Partial<SchedulerConfig> = {
    columns : [
        { text : 'Name', field : 'name', width : 160 }
    ],
    startDate : new Date(2022, 10, 17),
    endDate   : new Date(2022, 10, 23)
};

当我试图编译我的应用程序时，我会得到错误。

类型'undefined‘不能分配到键入'object而论( object[] )、[ ColumnStore ]、[部分]、[部分]、[[部分]]、[[Partial[]。 5列= "schedulerConfig.columns“

我没有看到这个错误的原因。有人能帮我吗？

Answer 1

基于正式的文档，ColumnStore具有许多属性，其中一些属性是您定义的(文本、字段、宽度)，因此在传递到此组件时，您可以将columns“软”转换为ColumnStore：

<bryntum-scheduler
    #scheduler
    [resources] = "resources"
    [events] = "events"
    [columns] = "schedulerConfig.columns as ColumnStore" <!--here-->
    [startDate] = "schedulerConfig.startDate!"
    [endDate] = "schedulerConfig.endDate!"
></bryntum-scheduler>