Angular design pattern for for building nested object forms with individual templates

The basics is that we have already have a matter form built.

We want to build a extend form of with more data added on the matter.

We already have a directive with a lot of functions and data manipulation which will be the same on the extended matter.

This is pretty easy to achieve. Just inherit the matter directive to the extended one.

But if we would want to build a new template that mixes the values inside the template. What way would be the best way to achieve it.

Matter:

• Field 1
• Field 2
• Field 3

Extended matter:

• Field 4
• Field 5

How we want the form to look like.

• Field 1
• Field 4
• Field 2
• Field 5