How do I resolve “Circular dependency detected” warning in Angular?

Question

I have a warning about circular dependency between component and service. This is my modal component.

import { ModalService } from \'./modal.service\';

@Comp