Ansicht nicht aktualisiert, während Klassenvariable Wert angular2 Ändern

Question

ich eine Komponente haben, die eine variable myName hat

export class ConversationComponent implements OnInit { 
    private myName: string; 

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

der Wert unter Verwendung showNames() gesetzt, und es durch

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

angezeigt wird, aber wenn Der Wert wird auf die Variable gesetzt, die sich in der Ansicht, dh der HTML-Seite, nicht ändert.

Hier ist mein Service:

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

Try this:

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

    constructor(private service:ServiceClass) {} 

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

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

Hier ServiceClass ist Ihr injizierbare Service.

Answer 2

Das Einfügen einer Komponente in einen Dienst funktioniert nicht. Sie brauchen einen anderen Ansatz. Sie haben wahrscheinlich eine Komponentenklasseninstanz eingefügt, die in keiner Weise mit der auf der Seite angezeigten Komponente in Zusammenhang steht.