त्रुटि: कोई टेम्पलेट MyAppComponent

Question

के लिए मिला मैं Angular 2 Quickstart गाइड का पालन किया है, लेकिन निम्न त्रुटि मिलती है:

Error during instantiation of Token(AppView)!. ORIGINAL ERROR: Error: No template found for MyAppComponent

यह प्रासंगिक कोड है:

import {Component, View} from 'angular2/core'; 
import {bootstrap} from 'angular2/platform/browser' 
// Note I've changed Template to View here as I think it is a typo 

.... 

@View({ 
    template: '<h1>Hello {{ name }}</h1>' 
}) 

.... 

यहाँ http://blog.ionic.io/angular-2-series-introduction/ मैं डंकन बूथ के सुझाव के बाद नीचे परिवर्तन किए हैं और सब कुछ काम करता है:

import {Component, Template} from 'angular2/core'; 
import {bootstrap} from 'angular2/platform/browser'; 

.... 

@Template({ 
    inline: "<h1>Hello {{ name }}</h1>" 
}) 

.... 

लेकिन yesimahum एक ही लिंक पर एक टिप्पणी का उल्लेख है कि "व्यू नया वाक्यविन्यास है" जो Angular 2 Step by Step Guide से Plunker में दिखाया गया मामला प्रतीत होता है।

तो क्विकस्टार्ट कोड एक त्रुटि फेंक रहा है और सही फिक्स क्या है?

Answer 1

मुझे लगता है कि आप

import {Component, Template, bootstrap} from 'angular2/angular2'; 

@Component({ 
    selector: 'my-app' 
}) 
@Template({ 
    inline: '<h1>Hello {{ name }}</h2>' 
}) 

class MyAppComponent { 
    constructor() { 
     this.name = 'Alice'; 
    } 
} 

bootstrap(MyAppComponent); 

Answer 2

इस बाहर की जाँच करने की जरूरत है और बस स्पष्ट करने के लिए:

import {Component, Template, View, CSSClass, NgFor, bootstrap} from 'angular2/angular2'; 

// Component annotations .. 
@Component({ 
    selector: 'my-app' 
}) 
@Template({ 
    url: 'templates/layout.html' 
}) 
@View({ 
    directives: [CSSClass, NgFor] 
}) 

और उसके बाद में: अगर आप कुछ निर्देशों को शामिल करने की जरूरत है, तो आप इसे इस तरह से करना चाहिए कोड आप [वर्ग], * एनजी-फॉर इत्यादि का उपयोग कर सकते हैं :)