带有TypeScript的Angular2：@component之后声明预期的编译器错误答案

【问题标题】：Angular2 with TypeScript: Declaration expected compiler error after @component带有TypeScript的Angular2：@component之后声明预期的编译器错误
【发布时间】：2016-04-21 20:39:23
【问题描述】：

尽管我从 angular2/core 导入了组件，但我遇到了这种错误，它的来源应该是文件没有通过 npm install 下载，或者我的节点需要升级

这是我的文件

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

@Component({

})

【问题讨论】：

装饰器和类在翻译成 JavaScript (ES5) 时只是函数。装饰器必须有参数 - 一个函数 - 才能装饰它。在 TypeScript 中，这意味着您必须在装饰器之后放置一些东西。您可以在this article中找到更多详细信息

标签： node.js typescript angular angular2-directives

【解决方案1】：

在组件之后定义一个类。

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

@Component({

})
class MyClass {

}

@Component 只是一个包含类元数据的装饰器。换句话说，它只是以更优雅的方式为您的类定义内容。

@Component 函数获取配置对象并将其转换为附加到组件类定义的元数据。 Angular 在运行时发现这个元数据，因此知道如何做“正确的事情”。