2015-12-30 15 views
6

अद्यतन नहीं कर रहा है मैं Angular2 के साथ प्रयोग कर रहा हूं और टेम्पलेट को अपडेट करने के लिए एक सरल क्लिक ईवेंट प्राप्त करने का प्रयास कर रहा हूं। क्लिक इवेंट toggleValue() फ़ंक्शन को सक्रिय करता है, लेकिन टेम्पलेट को अपडेट नहीं करता है। मैंने जो किया है वह वहां विभिन्न ट्यूटोरियल के अनुरूप है (हालांकि वे अल्फा संस्करण पर आधारित हैं); मैं बस इतना नहीं समझ सकता कि मैं इस तरह के एक साधारण उदाहरण के साथ गलत कहां जा रहा हूं। कोड इस प्रकार है:कोणीय 2 क्लिक करें टेम्पलेट

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

मैं, कोणीय संस्करण का उपयोग कर रहा हूँ 2.0.0-beta.0

+0

आपका कोड ठीक है। –

+2

इसे आज़माएं: https://plnkr.co/edit/AM8oYG4VqalcQMnlE3MP?p=preview ध्यान दें कि मैंने 'कोणीय 2/बूटस्ट्रैप' से 'आयात {बूटस्ट्रैप} बदल दिया है, 'angular2/प्लेटफ़ॉर्म' से 'आयात {bootstrap}'/ब्राउज़र '; ' – kendaleiv

उत्तर

4

शायद यह हो सकता है क्योंकि आप angular-polyfills.js फ़ाइल शामिल नहीं किया। उत्तरार्द्ध में जोन का समर्थन होता है, जो घटक फ़ील्ड के अपडेट का पता लगाने के लिए ज़िम्मेदार होते हैं। इस तरह, टेम्पलेट्स को नए मानों को ध्यान में रखकर अपडेट किया जा सकता है ...

क्या आप इस फ़ाइल को index.html फ़ाइल में शामिल करते हैं?

संबंधित मुद्दे