Угловой 2 изменить данные из класса

Question

Почему я не могу изменить данные в режиме просмотра из функции в классе?

wrap.component.ts

@Component({ 
    selector: 'wrap', 
    templateUrl: './templates/wrap.html' 
}) 

export class WrapComponent { 
    public test: string; 
    constructor() { 
     this.test = 'Hello world'; 
    } 

    fun() { 
     this.test = 'SPAM'; 
    } 
} 

express.component.ts

import {WrapComponent} from './wrap.component'; 
export class Express { 
    constructor() { 
     new WrapComponent().fun(); 
    } 
} 

wrap.html

<h2>{{test}}</h2> 

Почему в переменной зрения тест является 'Привет мир'?

Answer 1

Фактически, вы создаете свой собственный компонент WrapComponent класса Express. Angular2 управляет сам по себе экземплярами компонентов. Это означает, что вы не используете один и тот же экземпляр.

Чтобы помочь Вам, мне нужно знать, какой тип объекта Express класс представляет ... Другой компонент, сервис, ...

Вы можете вызвать метод fun из click события внутри WrapComponent компонент:

<div (click)="fun()">Have fun!</div> 

Надеется, что это помогает вам, Thierry