Не могу использовать подстроку в * ngFor в Angular

Question

Я перебираю список объектов, используя переменную с именем setting, чьи имена доступны в следующем формате:

setting['_name']

И имена настроек имеют следующий формат:

<name>(<parameters>)

и мне нужно отобразить данные из другого объекта с именем formValues, который использует часть name в качестве ключей.Поэтому я попытался запустить:

<div *ngFor="let para of 
Object.keys(formValues[setting['_name'].substring(0,setting['_name'].indexOf('('))])">

Но это не работает.

Можете ли вы указать, что я делаю неправильно или предложить другой способ заставить это работать.

Answer 1

Я нашел обходной путь, но это все еще не тот ответ, который я искал.если кто-то может решить это, используя только HTML, было бы здорово.

Я создал функцию в своем Typescript для выполнения подстроки:

getMultiName(settingname : string){
return settingname.substring(0, settingname.indexOf('('));
}

, а затем использовал getMultiName(setting['_name'])вместо setting.substring(0, setting.indexOf('(')) в html.

Вы можете проверить код здесь .