#angular #typescript #angular-material #angular-material2 #mat-tab
Вопрос:
Я хотел сократить код моего компонента, две вкладки мата имеют точно такое же структурное содержимое, но имеют разные данные и разные метки. Я хочу установить метки для них на основе условия, которое я проверю. Я пытался сделать это;
<mat-tab *ngFor="let data of datas;let i=index;"label={{i==0 ? 'First' : {{'Tab ' (i 1)}} }}">
но я не могу вложить интерполяцию строк. Запись условия без внешнего {{ приводит ко всей строке i==0 ? Вкладка 2 печатается. Есть какие-нибудь идеи о том, что я мог бы здесь сделать?
Комментарии:
1. Почему бы вам не создать функцию или геттер в своем коде TS?
2. На самом деле вам не нужна вторая пара фигурных скобок. Попробуй это
{{i==0 ? 'First' : 'Tab ' (i 1) }}.3. @TsvetanGanev Я мог бы создать функцию , но в некоторых случаях количество вкладок может превышать 20, хотел найти собственное угловое решение
4. Функция может принимать аргумент. Вам не нужно объявлять N функций для N индексов.