Angular2 Click事件未更新模板

Question

我正在嘗試使用Angular2，並嘗試獲取一個簡單的click事件來更新模板。 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文件中？