Ngif to change components?

Question

Angular

I have a component Filter and Sorting

Each input component has a list with key/value values.

There are also tabs on the page, by clicking on the first one the necessary filter and sorting should be loaded.

The question is, how best to do this, pre-define two filters and two sorts in the template?

App-filter
App-filer

App-sort
App-sort

AND show the required ones via ngif

Or have one instance:

App-filter
App-sort

AND push, depending on Tab, the required input
parameters?

How to implement it correctly?

In short, there are two data components on the page, each must have its own implementation of filtering and sorting. When switching a component with data through a tab, you need to show one or another filter and sorting.

Answer 1

Well, you can either attach routes or use ngSwitch / ngIf.
It is almost always more convenient to define individual components, but this depends on the specific case.