Question

我为我的圆环图创建了一个组件，并添加了一个模型donut.chart.model.ts，如下所示。现在在我的主要组件中，我想为chartmodel数据类型创建一个变量，并通过传递此chartmodel来调用donut组件。我需要遵循哪些步骤才能在主要组件中创建该变量。我尝试导入它但它没有用。

import {chartModel} from './donutchart/model/donut.chart.model';



export interface ChartModel {
    series: ChartSeriesModel;
    title?: string;
    subtitle?: string;
}

export interface ChartSeriesModel {
    name: string;
    data: ChartDataModel[];
}

export interface ChartDataModel {
    name: string;
    value: string;

    y: number;

}

Answer 1

您可以使用类似import {ChartModel} from './donut.chart.model';的内容在主要组件中导入它然后您需要使用它声明变量：

myModel: ChartModel;

这声明了一个TypeScript将尝试验证为ChartModel类型的对象。此时myModel仍未定义。然后，您需要使用http调用的响应或手动填充值：

this.myModel = <ChartModel>{ title: 'someTitle', subTitle: 'mySubtitle', etc...}

希望有所帮助。

Angular2：创建模型并跨组件使用它

1 个答案: