Angular 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>

为什么在视图中测试变量是“Hello world”？

Answer 1

实际上，您可以自己实例化来自Express 类的WrapComponent 组件。 Angular2 自己管理组件实例。这意味着您不共享同一个实例。

为了进一步帮助您，我需要知道Express 类代表哪种实体......另一个组件，一个服务......

您可以从WrapComponent 组件中的click 事件调用fun 方法：

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

希望对你有帮助 蒂埃里