Angular2 Click Kaldırma Şablonu Güncellenmiyor

Question

Angular2 ile deneme yapıyorum ve bir şablonu güncellemek için basit bir tıklama olayı çalışıyorum. Tıklama olayı toggleValue() işlevini tetikler, ancak şablonu güncelleştirmez. Yaptığım şey orada çeşitli öğreticilerle uyumlu gibi görünüyor (ancak Alpha versiyonuna dayanıyorlar); Böyle basit bir örnekle yanlış gittiğimi anlayamıyorum. Kod aşağıdaki gibi:

/// <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);

Eğer angular-polyfills.js dosyayı içermiyordu çünkü Açısal sürüm 2.0.0-beta.0 Belki

Answer 1

bu olabilir kullanıyorum. İkincisi, bileşen alanlarının güncellemelerini tespit etmekle sorumlu bölgelerin desteğini içerir. Bu şekilde, şablonlar daha sonra yeni değerleri dikkate alacak şekilde güncellenebilir ...

Bu dosyayı uygulamanızın index.html dosyasına ekliyor musunuz?