Мне нужно создать диаграмму классов моего недавно созданного приложения Angular2. Я знаю основы создания диаграмм классов для .NET-приложений, написанных на C#, но никогда не делал их на основе архитектуры Angular2.
Сценарий 1. Класс, зависящий от сервиса
код:
@Injectable()
export class AmendmentAccountComponent implements OnInit
{
constructor(private accountService: AccountService)
{
}
}
Допустим, я создал компонент под названием AccountComponent. Этому компоненту нужна служба с именем AccountService, которая будет внедрена в конструктор. Прямо сейчас я думаю о том, чтобы нарисовать зависимость (не ассоциацию) от AccountComponent к AccountService, которая указывает, что эта зависимость нужна до того, как компонент будет выполнен.
Зависимость по сравнению с тем, как она выглядит в этом статья
Является ли зависимость правильным способом отображения (то, что я объяснил) на диаграмме классов?
Сценарий 2. Компонент использует маршрутизацию (RouteConfig)
Допустим, у меня есть компонент с именем PageComponent. У него есть класс с таким же именем. Компонент получил некоторую маршрутизацию, как показано в коде RouteConfig здесь:
@RouteConfig([
{ path: '/', name: 'Bookings', component: BookingsComponent },
{ path: '/bookings', name: 'Bookings', component: BookingsComponent, useAsDefault: true },
])
Таким образом, дочерним элементом этого компонента является BookingsComponent. Как мне нарисовать эту связь на диаграмме классов? просто с нормальной ассоциацией?
Надеюсь, кто-то может помочь, особенно со сценарием 2, который я не знаю, как нарисовать.