вида не обновляется при изменении значения переменного класса angular2

Question

У меня есть компонент, который имеет переменную Myname

export class ConversationComponent implements OnInit { 
    private myName: string; 

    showNames(name) 
    { 
    this.myName=name; 
    } 
} 

значение устанавливается с помощью showNames(), и он отображается

<h4>{{MyName}} </h4> 

, но когда значение устанавливается на переменную, изменение не отражается в представлении, то есть на странице html.

Вот моя служба:

import { Injectable } from '@angular/core'; 
import { ConversationComponent } from './conversation/conversation.component'; 

@Injectable() export class ChatingService { 

    constructor(private Conversation:ConversationComponent) { } 

    setValue(val) { 
    this.Conversation.showNames(this.myValue); 
    } 
} 

Answer 1

Попробуйте это:

@Component(...) 
export class ConversationComponent implements OnInit { 
    private myName: string; 

    constructor(private service:ServiceClass) {} 

    ngOnInit() { 
    this.showNames(this.service.getName()); 
    } 

    showNames(name) { 
    this.myName=name; 
    } 
} 

Здесь ServiceClass ваш инъекционный Service.

Answer 2

Внесение компонента в сервис не работает. Вам нужен другой подход. Вероятно, вы добавили экземпляр класса компонента, который никак не связан с компонентом, указанным на странице.