angularjs – 错误：找不到MyAppComponent的模板

我遵循了 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>'
})

....

按照Duncan Booth在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>"
})

....

但是,yesimahuman在同一个链接上的评论中提到“视图是新语法”,似乎就是Angular 2 Step by Step Guide Plunker所示的情况.

那么为什么Quickstart代码会抛出错误,什么是正确的修复？

解决方法

我想你需要检查一下

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