Angular2 Click Event Not Updating Template

Question

Я экспериментирую с Angular2 и пытаюсь получить простой клик, чтобы обновить шаблон. Событие click вызывает функцию toggleValue(), но не обновляет шаблон. То, что я сделал, похоже, соответствует различным учебникам (хотя они основаны на альфа-версии); Я просто не могу понять, где я ошибся с таким простым примером. Код выглядит следующим образом:

/// <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 вашего приложения?