Filter items by category with angular 2+

I'm new to the angle, and I need to filter. I have a list of programs and I want to filter these programs through a menu. For example, in the menu will have the categories: football, blogs, sports …
When I click on the "football" category I want the list to have only the corresponding football programs, and so on. How can I do this filtering with angle + 2?

menu:


ad:

{{program.name}}

JSON:

    [
  {
    "id": 1,
    "name": "Programas",
    "base_Url": "http://uol.com.br",
    "order": 0,
    "programs": [
      {
        "id": 56,
        "name": "Programa 1",
        "base_Url": "https://google.com",
        "active": true,
        "menu_id": 2
      },
      {
        "id": 57,
        "name": "Programa ",
        "base_Url": "https://google.com",
        "active": true,
        "menu_id": 2
      },
      {
        "id": 58,
        "name": "Programa",
        "base_Url": "https://google.com",
        "active": true,
        "menu_id": 2
      }
    ]
  
  
  
  },
{
"id": 2,
"name": "Journalists",
"base_Url": "http://uol.com.br", "
"order": 1,
"Programs": [
      {
        "id": 59,
        "name": "Programa 2",
        "base_Url": "https://google.com",
        "active": true,
        "menu_id": 2
      },
      {
        "id": 60,
        "name": "Programa ",
        "base_Url": "https://google.com",
        "active": true,
        "menu_id": 2
      },
      {
        "id": 61,
        "name": "Programa",
        "base_Url": "https://google.com",
        "active": true,
        "menu_id": 2
      }
    ]
  }
]