Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/26.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何在angular 2中创建包含对象数组的模型_Angular_Typescript - Fatal编程技术网

如何在angular 2中创建包含对象数组的模型

如何在angular 2中创建包含对象数组的模型,angular,typescript,Angular,Typescript,我试图为这个响应创建一个模型,将数据存储到模型中,并根据需要使用它 回应 我创建了两个类,一个是产品,另一个是Api。下面是我对这些类的实现 应用程序编程接口 产品 导出类ProductModel{ 公众Id:号码; 公共Apim:字符串; 需要公共批准:布尔值; 公共名称:字符串; 公共描述:字符串; 公共服务URL:字符串; 公共状态:字符串; 需要公共订阅:布尔值; 公共api:数组; } 现在我的问题是,它将响应存储在其中。e、 g产品中有许多API。如果我想获得同一产品中的所有API

我试图为这个响应创建一个模型,将数据存储到模型中,并根据需要使用它

回应 我创建了两个类,一个是产品,另一个是Api。下面是我对这些类的实现

应用程序编程接口 产品
导出类ProductModel{
公众Id:号码;
公共Apim:字符串;
需要公共批准:布尔值;
公共名称:字符串;
公共描述:字符串;
公共服务URL:字符串;
公共状态:字符串;
需要公共订阅:布尔值;
公共api:数组;
}

现在我的问题是,它将响应存储在其中。e、 g产品中有许多API。如果我想获得同一产品中的所有API,可以使用
ClassName[]
设置对象数组类型:

export class Api{
    Id: 0;
    ApimId: string;
    Name: string;
    Description: string;
    ServiceUrl: string;
    ScopeId: number;
    WorkflowId: number;
    Workflow: any;
    Scope: any;
    CreatedDate: string;
    CreatedBy: string;
    UpdatedDate: string;
    UpdatedBy: string;
}
然后在您的
产品模型中

import {Api} from './api';
export class ProductModel {
    public Id: number;
    public Apim: string;
    public ApprovalRequired: boolean;
    public Name: string;
    public Description: string;
    public ServiceUrl: string;
    public State: string;
    public SubscriptionRequired: boolean;
    public Apis: Api[];
}

您可以使用
ClassName[]
设置对象数组类型:

export class Api{
    Id: 0;
    ApimId: string;
    Name: string;
    Description: string;
    ServiceUrl: string;
    ScopeId: number;
    WorkflowId: number;
    Workflow: any;
    Scope: any;
    CreatedDate: string;
    CreatedBy: string;
    UpdatedDate: string;
    UpdatedBy: string;
}
然后在您的
产品模型中

import {Api} from './api';
export class ProductModel {
    public Id: number;
    public Apim: string;
    public ApprovalRequired: boolean;
    public Name: string;
    public Description: string;
    public ServiceUrl: string;
    public State: string;
    public SubscriptionRequired: boolean;
    public Apis: Api[];
}

这些类在不同的.ts文件中。我如何在productIn ProductModel ts文件中引用它,您需要“从“/Api”导入{Api}”例如:哦,是的,很抱歉,这是一个手工编写的示例,我没有添加导入。嗨,我也有相同类型的结构。如果我想展示它呢?我尝试了
{{product.Api.id}
,但它不起作用。有人能帮忙吗@TrongLamPhan@KeerthiReddyYeruva
Api
在结构中不作为字段存在,您需要使用
Api
数组,例如第一个Api的id:
product.Api[0]。id
这些类在不同的.ts文件中如何在productIn ProductModel ts文件中引用它,您需要“导入{Api}”例如,从“/api”开始哦,是的,对不起,sicne这是一个手工编写的示例,我没有添加导入。嗨,我也有相同类型的结构。如果我想展示它呢?我尝试了
{{product.Api.id}
,但它不起作用。有人能帮忙吗@TrongLamPhan@KeerthiReddyYeruva
Api
在结构中不作为字段存在,您需要使用
Api
数组,例如第一个Api的id:
product.Api[0]。id
import {Api} from './api';
export class ProductModel {
    public Id: number;
    public Apim: string;
    public ApprovalRequired: boolean;
    public Name: string;
    public Description: string;
    public ServiceUrl: string;
    public State: string;
    public SubscriptionRequired: boolean;
    public Apis: Api[];
}