AB
поблагодаришь, когда получиться завести)
Size: a a a
2021 April 09
ZK
Всем привет, такая ситуация, динамически создаю мат таблицу, первый столбец должен содержать чек боксы, как я могу всунуть это?
ZK
Кусок кода: <ng-container *ngFor="let column of displayedColumns;" [matColumnDef]="column">
<mat-header-cell *matHeaderCellDef>{{ column }}</mat-header-cell>>
<mat-cell *matCellDef="let entity">{{ entity[column] }}</mat-cell>
</ng-container>
<mat-header-cell *matHeaderCellDef>{{ column }}</mat-header-cell>>
<mat-cell *matCellDef="let entity">{{ entity[column] }}</mat-cell>
</ng-container>
АК
да. так точнее
ZK
я видел этот код, у меня получается в названиях колонок есть 'select', но там другая разметка и нужно это совместить с динамической загрузкой
ZK
что-то типо такого, но это не пашет, ну и там у второго дива ngIf
ZK
Есть предложения?
SF
Вроде как получится, если
<ng-container *ngIf='column==="select; else defaultColumn"' matColumnDef="select">сделать так, не уверен на 100%. Ну и код поправить немного под ситуацию свою
<th mat-header-cell *matHeaderCellDef>
<mat-checkbox (change)="$event ? masterToggle() : null"
[checked]="selection.hasValue() && isAllSelected()"
[indeterminate]="selection.hasValue() && !isAllSelected()"
[aria-label]="checkboxLabel()">
</mat-checkbox>
</th>
<td mat-cell *matCellDef="let row">
<mat-checkbox (click)="$event.stopPropagation()"
(change)="$event ? selection.toggle(row) : null"
[checked]="selection.isSelected(row)"
[aria-label]="checkboxLabel(row)">
</mat-checkbox>
</td>
</ng-container>
AF
Не знаю, мне кажется тут всё просто: любая библиотека подключается к проекту через подключение модуля библиотеки. Это можно сделать до ленивой загрузки (app.module) или после (ReportsModule). И не важно что содержит библиотека: сервис или компоненты (страницы). Просто в ReportsModule делать роутинг на компоненты из библиотеки.
ZK
так тут же одно название колонки (select) а у меня перебирается в ngFor
ZK
вот так будет точнее всего
SF
<ng-container *ngFor='let template of templates'>
<ng-container *ngIf='template === select; then select; else defaullt> </ng-container>
<ng-template #select>...</ng-template>
<ng-template #default>...</ng-template.
</ng-container>
SF
Но вообще, я раньше тоже делал через ngFor, но потом решил что иногда легче (и может лучше) написать html для каждого столбца, без ngFor. Да, может не так DRY получается, но, иногда, помогает избежать таких вот мелких проблем. Не зря же в доках ангуляра написано что нужно стараться Try to be DRY. Но это так, если вдруг интересно
AM
Как это сделать?
Если браузер ИЕ 11 и ниже - показываем предупреждение
Если Нет - приложение
Если браузер ИЕ 11 и ниже - показываем предупреждение
Если Нет - приложение
ZK
драй драем, у меня таблицы разные грузятся в один шаблон, так что я не могу физически для каждого столбца разметку сделать
SF
аа, не сразу понял ситуацию, ну тогда да, написать хтмл не получится так
ЮМ
привет всем, кто нибудь поддерживает ff45 в своих проектах?
ЮМ
ангуляр 10.2.4 - какая то проблема в ff45 с циклами for of for in