Angular2 - Разделение модулей - лучшая практика

Question

У меня есть некоторые услуги Angular 2, которые имеют одинаковые методы для анализа json-ответа, обработки ошибок и т. Д. (Например, захват, если это ошибка 422, например).

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

Это не методы класса, а только те же личные методы в каждой службе.

Вот один, например:

private parseToString(jsonResponse: any){ 
    return Object.keys(jsonResponse).reduce(
     (prev, next) => prev.concat(jsonResponse[next].map(
     v => next + ' ' + v).join(', ')), []).join(', '); 
    } 

Есть ли какой-нибудь способ, чтобы создать вспомогательный модуль или что-то вроде концерна Rails, что вы можете включить?

Скажем, например, у меня есть доступ к этой папке:

приложения/услуги

, который имеет свои служебные файлы различных .ts.

Я мог бы создать папку «app/services/helpers» и поместить в нее файл ... но что входит в этот файл .ts?

например. parser-helper.ts может быть именем файла, но как выглядит код внутри? Должен ли он быть модулем? Если да, то как я могу включить его в сервис?

Например, это рекомендуемый способ сделать это?

приложения/услуги/хелперы/парсер-helper.module.ts

module parserHelperModule { 

    export function helperA(){} 
    export function helperB(){} 

} 

Answer 1

Вы можете использовать общий код как общую службу, как показано ниже:

export class CommonService { 
    public parseToString(jsonResponse: any){ 
      return Object.keys(jsonResponse).reduce(
         (prev, next) => prev.concat(jsonResponse[next].map(
          v => next + ' ' + v).join(', ')), []).join(', '); 
    } 
    public someOtherMethod(){ 

    } 
} 

Таким образом, вы можете импортировать класс в любом месте accross приложения и использовать их

Примечание: При определении общих методов в единый сервис, убедитесь, что они являются общедоступными

Update 1:

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

@NgModule({ 
    imports: [ 
       HttpModule, Logger, Toaster, ... 
       ], 
    declarations: [ CommonCmoponents 
       ], 
    providers:[Service1, Service2 ] 
}) 
export class CommonModule { } 

Убедитесь, что ваш общий модуль просто служит в качестве коллекции, это CommonModule не должен содержать

1. Browser Модуль
2. Компоненты самозагрузкой

Вы могли бы быть выглядеть для ниже изображения для разделения вопросов

Answer 2

В парсер-helper.ts:

export function parseToString(jsonResponse: any): string { 
    ... 
} 

В любой другой файл машинопись:

import { parseToString } from './relative/path/to/parser-helper'; 

... 
const s = parseToString(response);