Currently, I am in the process of restructuring my Angular2/Ionic2 code and seeking advice on the best practice for my specific situation.
Within my component, I have declared a variable (this.questions) that I need to utilize in my service method. There are two potential solutions that come to mind.
One approach is to use a global variables service, store this.questions there, and then access it within foo.service
Alternatively, I could simply pass the this.questions component variable as an argument in my method.
In theory, both methods should be effective, but I'm curious about the general consensus on this matter?
Here's an example code snippet pertaining to option 2:
@Component({
selector: 'text-answers',
templateUrl: 'text-answers.component.html'
})
export class TextAnswersComponent implements OnInit {
questions: Object;
constructor(public fs: FooService) {
this.questions = {1:"foo", 2:"Bar"};
this.fs.doPrint(this.questions)
}
And in my foo.service.ts:
doPrint(foo){
console.log(foo)
};