Size: a a a

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

2020 May 05

DB

Denys Bilas in Angular - русскоговорящее сообщество
Если этот компонент в другом модуле и angular его не видит, может модуль не зарегистрирован в главном модуле?)(просто спрашиваю)
источник

AT

Arams Tomojans in Angular - русскоговорящее сообщество
он зарегистрирован в апп
источник

АР

Алексей Разиков... in Angular - русскоговорящее сообщество
возможно неверно указан относительный путь до вызываемого компонента
источник

DB

Denys Bilas in Angular - русскоговорящее сообщество
А можете код скинуть, скрин?
источник

AT

Arams Tomojans in Angular - русскоговорящее сообщество
однако в селекторе было alert, а нужно было app-alert. Благодарю вас, ребят)
источник

DB

Denys Bilas in Angular - русскоговорящее сообщество
Вам спасибо, буду знать что есть такие ошибки)
источник

AT

Arams Tomojans in Angular - русскоговорящее сообщество
я просто решил реализовать ngAlerts как сервис в приложении, что бы в нужном месте вызывать сам компонент и через сервис передавать опции. и вот промахнулся чуток с кодом из статьи)
источник

DB

Denys Bilas in Angular - русскоговорящее сообщество
И снова, Вы меня натолкнули на интересную мысль и реализацию некоторых вещей)
источник

AT

Arams Tomojans in Angular - русскоговорящее сообщество
могу поделиться готовой папочкой с кодом для импорта и легкого использования)
источник

DB

Denys Bilas in Angular - русскоговорящее сообщество
Буду не против,спасибо)
источник

МС

Михаил Стихин... in Angular - русскоговорящее сообщество
товарищи, вопрос по i18n . Есть Img на ней i18n-alt, но динамически надо бы менять alt, если я напишу в аlt "isOpen ? 'open' : 'close' " i18n распарсит?
источник

АР

Алексей Разиков... in Angular - русскоговорящее сообщество
а что самому мешает проверить? Если я верно помню доку, то такая штука не пройдёт (если пройдёт то по дефолтному значению isOpen). Перевод атрибутов во время сборки идёт
источник

АР

Алексей Разиков... in Angular - русскоговорящее сообщество
можно условный рендеринг использовать, либо колдовать над динамической подгрузкой переводов
источник

МС

Михаил Стихин... in Angular - русскоговорящее сообщество
ну, вопрос хороший, по поводу проверить, но хотел быстрый ответ, да пришел к условному рендеру, благо это 1 тег
источник

EB

Eldar Babaev in Angular - русскоговорящее сообщество
Ребята, помогите с советом.
У меня есть такой компонент:

<main *ngIf="grouped; else sidebar">
 <mat-expansion-panel *ngFor="let group of enabledGroups"
                      expanded="true"
                      class="c-pointer">
   <mat-expansion-panel-header> {{ group }} </mat-expansion-panel-header>
   <app-service-card *ngFor="let service of groupServices(group)"
                     [service]="service"
                     [status]="service.status"
                     [isExpandable]="true">
     <app-settings-form *ngIf="service.status === serviceStatus.ACTIVATED"
                        [options]="service.options"
                        [serviceId]="service.id"></app-settings-form>
   </app-service-card>
 </mat-expansion-panel>
</main>
<ng-template #sidebar>
 <main>
   <app-service-card *ngFor="let service of services"
                     [service]="service"
                     [status]="service.status"></app-service-card>
 </main>
</ng-template>

Проблема в том, что даже когда приходит group - false, всё равно отрабатывает метод groupServices(group)
источник

EB

Eldar Babaev in Angular - русскоговорящее сообщество
И если посмотреть в консоль лог - то метод вызывается из первого компонента, который инициализировался с флагом true
источник

AS

Anton Shvets in Angular - русскоговорящее сообщество
Eldar Babaev
Ребята, помогите с советом.
У меня есть такой компонент:

<main *ngIf="grouped; else sidebar">
 <mat-expansion-panel *ngFor="let group of enabledGroups"
                      expanded="true"
                      class="c-pointer">
   <mat-expansion-panel-header> {{ group }} </mat-expansion-panel-header>
   <app-service-card *ngFor="let service of groupServices(group)"
                     [service]="service"
                     [status]="service.status"
                     [isExpandable]="true">
     <app-settings-form *ngIf="service.status === serviceStatus.ACTIVATED"
                        [options]="service.options"
                        [serviceId]="service.id"></app-settings-form>
   </app-service-card>
 </mat-expansion-panel>
</main>
<ng-template #sidebar>
 <main>
   <app-service-card *ngFor="let service of services"
                     [service]="service"
                     [status]="service.status"></app-service-card>
 </main>
</ng-template>

Проблема в том, что даже когда приходит group - false, всё равно отрабатывает метод groupServices(group)
Для начала - никогда не передавайте в шаблон метод, если не хотите чтобы он вызвался миллион раз.
источник

EB

Eldar Babaev in Angular - русскоговорящее сообщество
Ну этот пример был где-то в доках найден.
Почему он будет мвызываться миллион раз - это уже вопрос.
источник

VL

Vitaly Lipko in Angular - русскоговорящее сообщество
Eldar Babaev
Ну этот пример был где-то в доках найден.
Почему он будет мвызываться миллион раз - это уже вопрос.
Но всё-таки стоит метод заменить на pipe
источник

EB

Eldar Babaev in Angular - русскоговорящее сообщество
а разве есть готовые для вложенных циклов?
источник