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

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) надо просто сделать ее свободной функцией и оставить в файле компонента?

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

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) надо просто сделать ее свободной функцией и оставить в файле компонента?

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

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

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) надо просто сделать ее свободной функцией и оставить в файле компонента?

Сегодня я форматирую запятыми, завтра захочу ul ами, послезавтра захочу лекарства как-то красить в зависимости от их категории, а тут у меня осталась строка.

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

лекарства то medicine, а тут имеем дело с drugs😁

Мы вам не "Релакс", а уважаемая компания!

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

а как насчет просто статической функции или просто export function? Я вот не вкумекаю, что прекрасного нам  DI может принести в данном случае? И почему rxjs оператор, мы ж тут не про потоки данных во времени, а просто про обрезание и расстановку запятых.

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

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) надо просто сделать ее свободной функцией и оставить в файле компонента?

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

в таком случае, форматирование запятых надо сделать не через join, а в шаблоне ngFor'ом. А обрезалку до трех букв вынести в пайп или в сервис.

народ, а есть такой оператор в rx, чтобы он работал как filter., но вместо одной обзерваблы выдавал мне две - одна, удовлетворяющая условию фильтра, а другая - не удовлетворяющая?

https://www.learnrxjs.io/operators/conditional/iif.html ?

Хотя в данном случае выносить в сервис может быть переусложнением. Если в сервисе будет одна лишь эта функция.

https://www.learnrxjs.io/operators/conditional/iif.html ?