Ребята, в каком случае вы используете ангуляр-сервисы, а в каком

Question

Ребята, в каком случае вы используете ангуляр-сервисы, а в каком

- можно обойтись просто висящей где-то в воздухе функцией? Вот например, есть у меня функция, форматирующая список лекарств. Пока что она сидит внутри компонента:
export class DrugsShortComponent implements OnInit {

@Input()
drugs: Drug[];

drugsFormatted: string;

constructor() {
}

ngOnInit() {
this.drugsFormatted = this.formatDrugs();
}

private formatDrugs(): string {
return this.drugs.length ? this.drugs
.map(drugFullName => drugFullName.substring(0, 3))
.join(', ') : 'No drugs given';
}
}

Мне, понятное дело, хочется ее тестировать удобно, плюс я читал, что вся логика должна быть в сервисах, а компоненты должны быть тупенькие
1) Надо создать stateless DrugFormattingService с единственной функцией?
2) надо просто сделать ее статической и оставить в классе компонента?
3) надо просто сделать ее свободной функцией и оставить в файле компонента?

#angular #frontend #javascript #programming #russian

0

22.10.2019

5 ответов

4 просмотра

Vladyslav Hrehul

в сервисы в основном кидают запросы на бэк и их обработку. В твоем случае, если ты юзаешь метод на форматирование какого массива и только в этом компоненте, то все ок. если такой же или подобный метод юзается где-то еще - можна подумать о каком-то классе utils, куда кинуть шаред логику.

0

22.10.2019

Valentin Buryakov

Для этого случая хорошим вариантом будет пайп. Плюсы в том что не надо будет инжектить никудаи потом широко переиспользовать

0

22.10.2019

xxtux Shvets

сервис с единственной функцией это вполне нормально. Пайп тут явно не нужен и вообще это больше смахивает на rxjs оператор.

0

22.10.2019

Vadim

Простейшее объяснение: в компонентах хранится то, что взаимодействует с template. В сервисах всё остальное.