【解決方法】 angular を使用して、複数の配列を単一の配列に結合して表示します。アコーディオンで表示する

次のようなさまざまな配列を含むオブジェクトがあります

Fruits: Array(4),
Trees:Array(3),
Vegetables:Array(2),…etc.

これらすべての配列を 1 つの配列にプッシュし、別々のアコーディオンに表示したいと考えています。

配列を結合する前:

JSON

{
    Fruits: [{label:’Apple’, text:’Red Color’},{label:’Mango’, text:’Yellow Color’},{label:’Orange’, text:’Orange Color’},{label:’Grap’, text:’Black Color’}]
    Trees: [{label:’Maple Tree’, text:’Orange Leafs’},{label:’Redbud Tree’, text:’Pink Leafs’},{label:’Pine’, text:Green Leafs’}]
    Vegetables: [{label:’Tomato’, text:’Red Color’},{label:’PumpKin’, text:’Yellow Color’},{label:’Carrot’, text:’Orange Color’},{label:’Onion’, text:’Red Color’}]
}

Typescriptを使用して上記の配列を以下のように1つの配列に結合し、アコーディオンで表示したいと考えています。 [

{label:Fruits, values:[ {label:’Apple’, text:’Red Color’},{label:’Mango’, text:’Yellow Color’}, {label:’Orange’, text:’Orange Color’},{label:’Grap’, text:’Black Color’}]}、{ラベル:ツリー、値:[{label:’Maple Tree’, text:’Orange Leafs’},{label:’Redbud Tree’, text:’Pink Leafs’},{label:’Pine’, text:Green Leafs’}]}、{ラベル:野菜、値:[{label:’Tomato’, text:’Red Color’},{label:’PumpKin’, text:’Yellow Color’},{label:’Carrot’, text:’Orange Color’},{label:’Onion’, text:’Red Color’}]}

私が試したこと:

foreachを使用して配列を追加しようとしましたが、役に立ちませんでした。それで私はこれを投稿しました。これに関して何か助けがあれば。

解決策 1

何を試したのか、どこで行き詰まったのかについては説明されていません。したがって、私たちが提案できるのは明白なことだけです。

JavaScript

const combined = [
    { label: "Fruits", values: Fruits },
    { label: "Trees", values: Trees },
    { label: "Vegetables", values: Vegetables }
];