Angular2单击事件未更新模板

Angular2 Click Event Not Updating Template

本文关键字:更新 单击 事件 Angular2      更新时间:2023-09-26

我正在试用Angular2,并试图获得一个简单的点击事件来更新模板。单击事件会触发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

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

您的申请的index.html文件中是否包含此文件?