I have a component called "user.service.ts" that I want to share.
import { Injectable } from '@angular/core';
import { Http, Headers, RequestOptions, Response } from '@angular/http';
import { AppConfig } from '../app.config';
import { User } from '../_models/index';
@Injectable()
export class UserService {
constructor(private http: Http, private config: AppConfig) { }
id: number = 0;
Apt: number = 0;
}Now, I have two components:
Component 1:
import { UserService } from '../_services/user.service'
@Component({
moduleId: module.id,
templateUrl: 'index.html',
styleUrls: ['userrentsettings.component.css'],
})
export class UserRentSettingsComponent implements OnInit {
constructor(
public userService: UserService);
}
ReadData(){
this.userService.id = 10;
this.userService.Apt = 10;
}Next, on the second component, I am trying to read the data:
import { UserService } from '../_services/user.service'
@Component({
moduleId: module.id,
templateUrl: 'index.html'
})
export class User2 implements OnInit {
constructor(
public userService: UserService);
}
ReadData(){
console.log(this.userService.id);
console.log(this.userService.Apt);
}The UserService is also configured as a provider in the app.module.
However, the result on the console shows "0" - but why?