Angular 2 - What is the proper way to access data in a service?

Question

I have created a local instance of the service and accessing data from it directly. Is this incorrect if it is a simple use case (sharing data between components). I am trying to grasp some core concepts of ng2 and I feel like there may be a better option.

eg

export class FormTwoComponent implements OnInit {
    private model: WinnerModel;

    constructor(private formService: FormService, private router: Router) {}

    ngOnInit() {
        this.model = this.formService.winnerModel;
    }

    onSubmit() {
        this.formService.winnerModel = this.model;
        this.router.navigate(['/form/3'])
    }
}

Thanks

Answer 1

Angular has a wonderful page about component interactions. One thing that I feel isn't made too abundantly clear is that if you don't make references to objects, then your data in your component will get left behind. For example:

component.variable = service.variable //this will take the current value of what the service variable is, if the service variable ever changes then the component will not get updated.
component.object = service.object //this will however create a link and any updates or changes made to the service object, then the component reference will be notified and updated.