материал угловая таблица многострочная директива - PullRequest
Новая
       10

материал угловая таблица многострочная директива

0 голосов
/ 26 апреля 2018

Я хочу сделать расширяемый набор данных с использованием таблицы матов из материал угловой 2 . Строка МОЖЕТ содержать подстроки.

Данные моих строк - это объект, который может содержать другие подобъекты.

Используя компонент угловой таблицы материала или таблицу матов, можно определить несколько типов строк и выбрать, какой из них применить к текущей итерации.

Но есть ли способ создать несколько типов строк в течение одной итерации?

Я вынужден добавить вложенные элементы в источник данных, который питает mat-tabke, или возможно предоставить ему элементы, содержащие вложенные элементы, и создать 1 строку с данными элемента и 1 строку для каждого вложенного элемента

Я пытался следовать модели из этого ответа .

Итак, я определил эти строки в моем component.ts 

<mat-row *matRowDef="let rule; columns: ['expandedDetail']; when: isExpansionDetailRow"
                 [@detailExpand]="rule.element == expandedElement ? 'expanded' : 'collapsed'"
                 style="overflow: hidden">
        </mat-row>
        <mat-row *matRowDef="let rule; columns: ['expandedDetail']; when: isExpansionDetailRow"
                 [@detailExpand]="rule.element == expandedElement ? 'expanded' : 'collapsed'"
                 style="overflow: hidden">
        </mat-row>

Но кажется, что когда isExpansionDetail имеет значение true и выбран второй тип строки, он «переопределяет» первый, который не будет сгенерирован.

...