Angular2 Nhấp vào Sự kiện Không cập nhật Mẫu

Question

Tôi đang thử nghiệm với Angular2 và cố gắng lấy một sự kiện nhấp chuột đơn giản để cập nhật mẫu. Sự kiện nhấp chuột kích hoạt chức năng toggleValue(), nhưng không cập nhật mẫu. Những gì tôi đã làm dường như phù hợp với nhiều hướng dẫn khác nhau (mặc dù chúng dựa trên phiên bản Alpha); Tôi chỉ không thể tìm ra nơi tôi đang đi sai với một ví dụ đơn giản như vậy. Mã như sau:

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

Tôi đang sử dụng phiên bản góc 2.0.0-beta.0

Answer 1

Có lẽ nó có thể được, bởi vì bạn không bao gồm các tập tin angular-polyfills.js. Sau này chứa sự hỗ trợ của các vùng, chịu trách nhiệm phát hiện các cập nhật của các trường thành phần. Bằng cách đó, các mẫu có thể được cập nhật để tính đến các giá trị mới ...

Bạn có bao gồm tệp này trong tệp index.html của ứng dụng của mình không?