Angular - показывать компоненты в зависимости от нескольких критериев с компонентом фильтра

Question

Angular - показывать компоненты в зависимости от нескольких критериев с компонентом фильтра.

Опции нескольких критериев можно упорядочивать в алфавитном порядке и показывать только компоненты с определенным уровнем предупреждения. Уровень предупреждения должен быть выпадающим с «error», «info» и «warning».

Это пример некоторого компонента фильтра. Компонент должен иметь ранее упомянутые параметры фильтра. Связанное изображение: https://0x0.st/z375.png

Я понятия не имею, как построить такую ​​вещь. Я видел некоторые компоненты фильтра, но они предназначены для таблиц. Все советы приветствуются.

Answer 1

Для этого вы можете использовать простую маршрутизацию. Каждый параметр будет переходить к новому маршруту, связанному с его компонентом. <a class="dropdown-item" [routerLink]="['/component-one']>Action</a>

Оформить заказ на этот компонент из библиотеки Bootstrap: https://getbootstrap.com/docs/4.0/components/dropdowns/

Answer 2

//Your logs array

const logs = [
  {name:'log1', kind:'error'},
  {name:'log2', kind:'warning'},
  {name:'log3', kind:'info'},
  {name:'log4', kind:'error'},
];

//The function to filter the array

function filterLogs(logs, kind) {
  console.log(logs);
  return logs.filter(log => {
    return log.kind === kind
  }); 
}

// the value to show somewhere

const stuffToShow = filterLogs(logs,'error');

Надеюсь, это поможет !!! :)