Question

我正在尝试使用Angular2并尝试获取一个简单的点击事件来更新模板。 click事件触发toggleValue()函数，但不更新模板。我所做的似乎与各种教程一致（尽管它们基于Alpha版本）;我只是无法弄清楚这个简单的例子我哪里出错了。代码如下：

/// <reference path="typings/tsd.d.ts" />

import 'reflect-metadata';
import {Component, View} from 'angular2/core';
import {bootstrap} from 'angular2/bootstrap';

@Component({
    selector: 'app',
})
@View({
    template: `
        <div>Value: {{value}}</div>
        <button (click)="toggleValue()">Toggle</button>
    `
})
class App {

    value: boolean = true;

    toggleValue () {
        console.log('toggleValue()');
        this.value = !this.value;
    }
}

bootstrap(App);

我正在使用Angular版本2.0.0-beta.0

Answer 1

也许可能是，因为你没有包含angular-polyfills.js文件。后者包含区域的支持，负责检测组件字段的更新。这样，可以更新模板以考虑新值......

您是否将此文件包含在应用程序的index.html文件中？

Angular2单击事件未更新模板

1 个答案: