Телеграмм чат группы angular

2021 March 26

VC

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

Nikita 👩🏻‍💻💭

у тебя тоже проблема с jest?

как выяснилось, гугл ничего не выдал, кроме --legacy-peer-deps
странно, что последняя версия не поддерживает последнюю

источник

20:18пожаловаться #1

AM

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

Maksim

ну куча же решений со всякими масками, для ввода кредитных карт, дат, телефонных номеров

1. https://www.npmjs.com/package/@uiowa/digit-only
2. https://www.npmjs.com/package/ngx-mask
3. https://www.npmjs.com/package/angular-imask

вам правильно подсказали, что нужно смотреть на нативные события, типа keyup, и отменять ввод

Так мне не маска нужна, а заменять введенное другим, например транслитеризацию реализовать

источник

20:19пожаловаться #2

M

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

Taras Postolyuk

Если мне из материал ангуляр модуля нужен например аккордеон то мне нужно все эти модули в app.module.ts вставлять?

Да.
Но вообще, желательно под каждый компонент свой модуль создавать и импортировать внешние модули туда, чтобы не захламлять какой-то один родительский модуль большим количеством зависимостей

источник

20:19пожаловаться #3

N👩

Nikita 👩🏻‍💻💭... in Angular - русскоговорящее сообщество

V C

как выяснилось, гугл ничего не выдал, кроме --legacy-peer-deps
странно, что последняя версия не поддерживает последнюю

так у тебя с jest была проблема или нет ?

источник

20:19пожаловаться #4

TP

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

Maksim

Да.
Но вообще, желательно под каждый компонент свой модуль создавать и импортировать внешние модули туда, чтобы не захламлять какой-то один родительский модуль большим количеством зависимостей

Пока не понимаю как это все организовывать есть пример?

источник

20:19пожаловаться #5

TP

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

Потому что мне кажется что я захламляю сейчас жестко много чего

источник

20:19пожаловаться #6

M

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

Alexandr Manyunin

Так мне не маска нужна, а заменять введенное другим, например транслитеризацию реализовать

принцип тот же, отменяешь ввод символа и вставляешь свой вручную

источник

20:19пожаловаться #7

VC

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

Nikita 👩🏻‍💻💭

так у тебя с jest была проблема или нет ?

ну да, даунгрейд же помог

источник

20:20пожаловаться #8

VM

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

Alexandr Manyunin

Так мне не маска нужна, а заменять введенное другим, например транслитеризацию реализовать

это и есть маска)

источник

20:21пожаловаться #9

N👩

Nikita 👩🏻‍💻💭... in Angular - русскоговорящее сообщество

V C

ну да, даунгрейд же помог

и тесты заработали?

источник

20:21пожаловаться #10

AM

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

Maksim

принцип тот же, отменяешь ввод символа и вставляешь свой вручную

Так, надо будет тогда посмотреть, спасибо)

источник

20:22пожаловаться #11

M

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

Taras Postolyuk

Пока не понимаю как это все организовывать есть пример?

Честно не совсем понимаю вопроса. Каждый компонент кладите в отдельную папку. Имейте правило что рядом с каждым *.component.ts файлом должен быть свой *.module.ts файл.
И при использовании одного компонента в другом, просто импортируете модуль используемого компонента.

попробуйте почитать https://habr.com/ru/company/tinkoff/blog/467525/

источник

20:32пожаловаться #12

ЕУ

Евгений Удалов... in Angular - русскоговорящее сообщество

Nikita 👩🏻‍💻💭

так у тебя с jest была проблема или нет ?

тебя же Денис уже спросил, знает ли jest про paths

источник

20:41пожаловаться #13

ДМ

Денис Макаров... in Angular - русскоговорящее сообщество

moduleNameMapper

источник

20:43пожаловаться #14

ДМ

Денис Макаров... in Angular - русскоговорящее сообщество

там должны быть пути прописаны

источник

20:43пожаловаться #15

TP

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

Maksim

Честно не совсем понимаю вопроса. Каждый компонент кладите в отдельную папку. Имейте правило что рядом с каждым *.component.ts файлом должен быть свой *.module.ts файл.
И при использовании одного компонента в другом, просто импортируете модуль используемого компонента.

попробуйте почитать https://habr.com/ru/company/tinkoff/blog/467525/

Спасибо теперь прояснилось

источник

20:43пожаловаться #16

TP

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

Только вот я сделал модуль для компонента и вставил в импорты компонент из материал ангуляра но вот пишет что неизвестно

источник

20:53пожаловаться #17

M

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

похоже вы не в тот модуль импортировали модуль аккордиона из материал ангуляра

источник

20:55пожаловаться #18

TP

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

@NgModule({
  declarations: [],
  imports: [
    BrowserModule,

MatExpansionModule,
  ],
  providers: [],
  bootstrap: [ItemComponent]
})
export class AppModule {}

источник

20:55пожаловаться #19

TP

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

Нужно в апп модуль?

источник

20:55пожаловаться #20