Size: a a a

2019 July 16

ДМ

Денис Мовляйко in Angular Kyiv
Всем привет, кто-то сталкивался с проблемой с динамическим пагинатором на табличке матириал?
источник

DG

Danil Gudz in Angular Kyiv
в чем проблема?
источник

ДМ

Денис Мовляйко in Angular Kyiv
Danil Gudz
в чем проблема?
Динамически приходят данные в таблицу от родителя. А пагинатор не работает и всё
источник

DG

Danil Gudz in Angular Kyiv
<parent>
<child tableData=data>
  <mat-table data=tableData/>
 </child>
</parent>

такое типа не работает?
источник

DG

Danil Gudz in Angular Kyiv
я бы попросил конечно stackblitz с проблемой иначе врядли тут кто-то поможет
источник

ДМ

Денис Мовляйко in Angular Kyiv
Danil Gudz
<parent>
<child tableData=data>
  <mat-table data=tableData/>
 </child>
</parent>

такое типа не работает?
Нет
источник

DG

Danil Gudz in Angular Kyiv
я бы попросил конечно stackblitz с проблемой иначе врядли тут кто-то поможет
источник

ДМ

Денис Мовляйко in Angular Kyiv
Danil Gudz
я бы попросил конечно stackblitz с проблемой иначе врядли тут кто-то поможет
Я его на данный момент убрал вообще
А может быть проблема в том что данные передаю через input ?
источник

ДМ

Денис Мовляйко in Angular Kyiv
Danil Gudz
я бы попросил конечно stackblitz с проблемой иначе врядли тут кто-то поможет
Окей, скину позже
источник

AS

Alex S in Angular Kyiv
Денис Мовляйко
Всем привет, кто-то сталкивался с проблемой с динамическим пагинатором на табличке матириал?
источник

DS

Daria Shvydka in Angular Kyiv
хэлб
источник

DS

Daria Shvydka in Angular Kyiv
Ребята, привет!
возможно, кто-то подскажет, как убрать это дергание нижнего блока?

демо-скрин:
https://www.loom.com/share/729539667358478ba31a9d748d339048

animations: [
   trigger('fadeInOut', [
     transition(':enter', [
       style({
         transform: 'translateY(-30px)',
         opacity: 0,
         'max-height': 0
       }), animate( '300ms max-height', style({
         'max-height': '100px',
         transform: 'translateY(0)',
         opacity: 1
       }))
     ]),
     transition(':leave', [
       animate('300ms ease-out',
         style({
           'max-height': 0,
           opacity: 0,
           // transform: 'translateY(-30px)'
       }))
     ])
   ])
 ]
источник

ДМ

Денис Мовляйко in Angular Kyiv
Daria Shvydka
Ребята, привет!
возможно, кто-то подскажет, как убрать это дергание нижнего блока?

демо-скрин:
https://www.loom.com/share/729539667358478ba31a9d748d339048

animations: [
   trigger('fadeInOut', [
     transition(':enter', [
       style({
         transform: 'translateY(-30px)',
         opacity: 0,
         'max-height': 0
       }), animate( '300ms max-height', style({
         'max-height': '100px',
         transform: 'translateY(0)',
         opacity: 1
       }))
     ]),
     transition(':leave', [
       animate('300ms ease-out',
         style({
           'max-height': 0,
           opacity: 0,
           // transform: 'translateY(-30px)'
       }))
     ])
   ])
 ]
какого именно?
источник

DS

Daria Shvydka in Angular Kyiv
нижнего
источник

DS

Daria Shvydka in Angular Kyiv
источник

DS

Daria Shvydka in Angular Kyiv
при анимации
источник

ДМ

Денис Мовляйко in Angular Kyiv
попробуй дать блоку с инпутом, на котором стоит анимация падинг
источник

ДМ

Денис Мовляйко in Angular Kyiv
больше
источник

VZ

Vitalii Zabihai in Angular Kyiv
position absolute
для блока с текстом
источник

VZ

Vitalii Zabihai in Angular Kyiv
хотя нет, будет не то поведение
источник