Size: a a a

Angular Material — русскоговорящее сообщество

2020 December 07

ТЖ

Тихон Жарких... in Angular Material — русскоговорящее сообщество
SR
Всем привет! Как в блоке mat-accordion сделать что бы первая mat-expansion-panel была развернутой при загрузке страницы?
Привет, у неё есть опциональное свойство
источник

ТЖ

Тихон Жарких... in Angular Material — русскоговорящее сообщество
expanded вроде
источник

S

SR in Angular Material — русскоговорящее сообщество
Тихон Жарких
expanded вроде
чето он у меня с ним открывает последнюю панель а не первую
источник

ТЖ

Тихон Жарких... in Angular Material — русскоговорящее сообщество
SR
чето он у меня с ним открывает последнюю панель а не первую
цикл ngFor на панели стоит?
источник

S

SR in Angular Material — русскоговорящее сообщество
Тихон Жарких
цикл ngFor на панели стоит?
да
источник

ТЖ

Тихон Жарких... in Angular Material — русскоговорящее сообщество
да, он там тогда будет закрывать все остальные, только последнюю откроет
источник

S

SR in Angular Material — русскоговорящее сообщество
Тихон Жарких
да, он там тогда будет закрывать все остальные, только последнюю откроет
как то можно инвертировать что бы первую открывал?
источник

ТЖ

Тихон Жарких... in Angular Material — русскоговорящее сообщество
дай ему условие [expanded]=""
в него какой-нибудь indexOf от текущего массива по первому элементу, чтобы просто тру отдал
источник

S

SR in Angular Material — русскоговорящее сообщество
Тихон Жарких
дай ему условие [expanded]=""
в него какой-нибудь indexOf от текущего массива по первому элементу, чтобы просто тру отдал
не прокатывает, открывает зараз последний😐
источник

ТЖ

Тихон Жарких... in Angular Material — русскоговорящее сообщество
SR
не прокатывает, открывает зараз последний😐
https://stackblitz.com/edit/angular-fh5vu1-abkiur


<mat-accordion class="example-headers-align">
 <mat-expansion-panel *ngFor="let item of [1,2,3]; first as isFirst" [expanded]="isFirst">
   <mat-expansion-panel-header>
     <mat-panel-title> {{item}} </mat-panel-title>
   </mat-expansion-panel-header>
   {{item}}
 </mat-expansion-panel>
</mat-accordion>
источник

S

SR in Angular Material — русскоговорящее сообщество
Тихон Жарких
https://stackblitz.com/edit/angular-fh5vu1-abkiur


<mat-accordion class="example-headers-align">
 <mat-expansion-panel *ngFor="let item of [1,2,3]; first as isFirst" [expanded]="isFirst">
   <mat-expansion-panel-header>
     <mat-panel-title> {{item}} </mat-panel-title>
   </mat-expansion-panel-header>
   {{item}}
 </mat-expansion-panel>
</mat-accordion>
Спасибо!👍🏻
источник
2020 December 08

AH

Alena Hrenovskaya in Angular Material — русскоговорящее сообщество
Я сейчас чиканусь. Нигде такой ошибки не было и тут вдруг в одном из диалогов:

<mat-form-field fxFlex="calc(25% - 4px)">
         <mat-label>Дата гос.контракта(договора)</mat-label>
         <input matInput formControlName="date_state_contract" [matDatepicker]="contractDatePicker">
         <mat-datepicker-toggle matSuffix [for]="contractDatePicker"></mat-datepicker-toggle>
         <mat-datepicker #contractDatePicker color="primary"></mat-datepicker>
</mat-form-field>

У
меня lazyModules + все импорты, где задекларирован компонент диалога есть (MatDatepickerModule + MatDialogModule)
В других местах не ругается
источник

AS

Anton Shvets in Angular Material — русскоговорящее сообщество
ты где-то модуль с этим компонентом не импортировала
источник

AS

Anton Shvets in Angular Material — русскоговорящее сообщество
куда дейтпикер вставлен
источник

ТЖ

Тихон Жарких... in Angular Material — русскоговорящее сообщество
Alena Hrenovskaya
Я сейчас чиканусь. Нигде такой ошибки не было и тут вдруг в одном из диалогов:

<mat-form-field fxFlex="calc(25% - 4px)">
         <mat-label>Дата гос.контракта(договора)</mat-label>
         <input matInput formControlName="date_state_contract" [matDatepicker]="contractDatePicker">
         <mat-datepicker-toggle matSuffix [for]="contractDatePicker"></mat-datepicker-toggle>
         <mat-datepicker #contractDatePicker color="primary"></mat-datepicker>
</mat-form-field>

У
меня lazyModules + все импорты, где задекларирован компонент диалога есть (MatDatepickerModule + MatDialogModule)
В других местах не ругается
либо добавила и не пересобрала проект
Ещё бывает что ide Даже после пересборки не видит
источник

ТЖ

Тихон Жарких... in Angular Material — русскоговорящее сообщество
и надо перезагружаться
источник

AH

Alena Hrenovskaya in Angular Material — русскоговорящее сообщество
Тихон Жарких
либо добавила и не пересобрала проект
Ещё бывает что ide Даже после пересборки не видит
я уже и комп перезагружала
источник

ТЖ

Тихон Жарких... in Angular Material — русскоговорящее сообщество
Alena Hrenovskaya
я уже и комп перезагружала
Задекларировала === запровайдила?
источник

ТЖ

Тихон Жарких... in Angular Material — русскоговорящее сообщество
у, причём ругается в AppModule (насколько я вижу из консоли)
источник

AH

Alena Hrenovskaya in Angular Material — русскоговорящее сообщество
Тихон Жарких
Задекларировала === запровайдила?
модули MatDatepickerModule и MatDialogModule импортированы там, где задекларирован сам компонент диалога
источник