Angular2 ตัวแปรอัปเดตอัตโนมัติในหลายองค์ประกอบ

@Injectable()
export class ModelsService {

    private _choosenModels: string = 'female';
    _choosenModelsUpdate = new EventEmitter<string>();

    getChoosenModels() {
        return this._choosenModels;
    }
    setChoosenModels(value: string) {
        this._choosenModels = value;
        this._choosenModelsUpdate.emit(this._choosenModels);
    }
}
@Component({
    selector: 'app-root',
    templateUrl: './app.component.html',
    styleUrls: ['./app.component.scss'],
    providers: [ ModelsService ],
})
export class AppComponent {

    choosenModels: string = 'test';

    constructor(private _modelsService: ModelsService) {}

    ngOnInit() {

        this.choosenModels = this._modelsService.getChoosenModels();
        this._modelsService._choosenModelsUpdate.subscribe(
            (choosenModels) => {
                this.choosenModels = this._modelsService.getChoosenModels();
            }
        );        
    }


    onChangeModelsTeamClick(value: string) {
        console.log(value);
        this._modelsService.setChoosenModels(value);
    }
}