Question

我在这里有这样一个模型：

export class User{
    constructor(
        public user_id?:number,
        public name?: string,
        public position?: string,
    ) { }
}

我想从该模型中推导类似于one的结构。 Angular 2+中输出相似结构的组件是什么？

以及如何将您提出的组件用于此类模型？

public org_ChartData = [
        ['Name', 'Manager', 'ToolTip'],
        [{ v: 'Mike', f: 'Mike<div style="color:red; font-style:italic">President</div>' },
            '', 'The President'],
        [{ v: 'Jim', f: 'Jim<div style="color:red; font-style:italic">Vice President</div>' },
            'Mike', 'VP'],
        ['Alice', 'Mike', ''],
        ['Bob', 'Jim', 'Bob Sponge'],
        ['Carol', 'Bob', '']
    ]

但是对于上面显示的我的模型。我只是之前从未做过这样的计划，而且通常不使用chartjs，因此请不要严格判断是否这样做。

Answer 1

是的，您可以这样做。但是，为了显示一个构造函数，我强烈建议您有时花一些时间来查找复合模式here

因此，您上面的结构将类似于此结构。

byte* data=new byte[10000];
if (data!=NULL) ...

那么您的org_ChartData可能是一个复合物。
并使组件能够呈现图表。
您只需要创建一个呈现单个'User'的'UserCardComponent'和一个上述呈现'Chart'的模式的'OrgChartComponent'
而且我想为了从上面的json创建“用户”层次结构可能对您来说很容易，只需循环循环即可。

希望对您有所帮助。

如何显示用户结构

1 个答案: