Определение и организация внутренних классов с помощью Angular 2

Question

В настоящее время я работаю над сложным компонентом Angular 2. Некоторые из частных членов компонента - это настраиваемые объекты, которые я создал. Например:

private customDataGrid: CustomDataGrid; 

angular style guide действительно не говоря уже о каких-либо лучшие практики в отношении этого сценария. Итак, как организовать код и структуру папок, чтобы максимально повысить удобство использования моего компонента? Должен ли я:

1. Объявить мой CustomDataGrid как внутренний/вложенный класс моего компонента?
2. Объявите мой CustomDataGrid в отдельном файле, расположенном в папке компонента? Если да, то какое соглашение об именах я должен использовать?
3. Переместить мой CustomDataGrid в модуль?
4. Другое?

спасибо,

Answer 1

Вы хотите объявить CustomDataGrid в отдельном файле, расположенном в папке, с компонентами, которые будут его использовать. Если все компоненты будут использовать его, подумайте о том, чтобы поместить его в папку, содержащую другие файлы, используемые во всем приложении, и модуль, который декларирует и экспортирует их соответственно. Назовите классы следующим образом: class.ts.

См. Hero.ts в tutorial.

Answer 2

Каждый файл должен иметь это единственная цель (также где-то в руководстве по стилю или в руководстве поваренной, не может найти его прямо сейчас извините). Не смешивайте несколько классов/интерфейсов или что-то в одном файле. Используйте custom-data-grid.model.ts (см. Руководство по стилю «Интерфейсы») в качестве соглашения об именах. Рассмотрим реализацию класса, так что вы могли бы сделать

private customDataGrid: CustomDataGrid = new CustomDataGrid(); 

применять значения по умолчанию и т.д. (только если это будет полезно в вашем случае).