Angular2点击事件未更新模板答案

【问题标题】：Angular2 Click Event Not Updating TemplateAngular2点击事件未更新模板
【发布时间】：2016-04-04 22:36:31
【问题描述】：

我正在尝试使用 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

【问题讨论】：

试试这个：plnkr.co/edit/AM8oYG4VqalcQMnlE3MP?p=preview 注意我把import {bootstrap} from 'angular2/bootstrap'; 改成了import {bootstrap} from 'angular2/platform/browser';

标签： javascript angular

【解决方案1】：

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

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

【讨论】：