Как с помощью ngx осуществить перевод динамически приходящей переменной?

Я хочу чтобы у меня переводились пункты меню, файлы для перевода имеются (на 3 языках), в них есть объект "menu"

 "menu": {
    "Home": "Главная",
    "Services": "Услуги",
    "Partners": "Партнёры"
  }

Само меню создаётся динамически, и представляет из себя следующий объект

export let menu: Array<NavItem> = [
  {
    displayName: 'Home',
    iconName: 'home',
    route: '',
  },
  {
    displayName: 'Services',
    iconName: 'cases',
    route: 'services',
  },
  {
    displayName: 'Partners',
    iconName: 'handshake',
    route: 'partners',
  },
];

В компоненте пункта меню есть @Input() item: NavItem;, я хочу подставлять в разметке item.displayName в качестве ключа чтобы приходил перевод

<span class="text">{{'menu[item.displayName]' | translate }}</span>