want to extract recipe list from recipe detail. But still have no idea about link formControl between 2 component

client/src/app/shared/types/recipe.d.ts

@@ -0,0 +1,53 @@
+import { MatRecipe } from 'src/app/core/models/recipe.model';
+
+export interface RecipeMetaData {
+  productCode: string;
+  name: string;
+  otherName: string;
+  description: string;
+  otherDescription: string;
+  picture: string;
+  lastModified: Date;
+}
+
+export interface MaterialData {
+  id: number;
+  name: string;
+  enable: boolean;
+  mixOrder: number;
+  stirTime: number;
+  powderGram: number;
+  powderTime: number;
+  syrupGram: number;
+  syrupTime: number;
+  waterCold: number;
+  waterHot: number;
+}
+
+export interface RecipeDetail {
+  recipe: {
+    lastModified: Date;
+    productCode: string;
+    name: string;
+    otherName: string;
+    description: string;
+    otherDescription: string;
+    price: number;
+    isUse: boolean;
+    isShow: boolean;
+    disable: boolean;
+    recipes?: MaterialData[];
+  };
+  recipes?: MatRecipe[];
+}
+
+export interface RecipeDetailEditable {
+  name: string;
+  otherName: string;
+  description: string;
+  otherDescription: string;
+  price: number;
+  isUse: boolean;
+  isShow: boolean;
+  disable: boolean;
+}