angular 中的组件有问题

Question

你好，我是 Angular 的新手，学习了这个框架的课程，我遇到了一个错误问题，我不知道如何解决它。从“@angular/core”导入{组件}；

代码： @零件{{ 选择器：'contador-app'， }} //se le pone export para poder utilzar esta clase fuera de este archivo :3

export class contadorComponent{

}

错误信息： （别名）const 组件：ComponentDecorator 导入组件为 Angular 组件提供配置元数据。组件装饰器和元数据。

@publicApi

@注解

@publicApi

声明expected.ts(1146)

Answer 1

看来您不小心为组件装饰器使用了两次大括号。

@Component >{{<
    selector: 'contador-app', >}}<

组件装饰器如下所示：

@Component({
    selector: 'contador-app',
})

指定组件 html 文件和样式表也很常见 templateUrl: 'path to html-file' 和 styleUrls: ['path to stylesheet']，请注意后者位于方括号之间，因为您可以指定一个或多个样式表路径。还可以选择使用

直接在组件装饰器中编写 html / css

template: 'html-code'

和/或

styles: 'css-code'.

Purvang 在评论中也提出了一个很好的问题，即您是如何着手创建组件的？如果您手动执行此操作，则必须确保将其正确导入到负责的模块中，因为当应用程序启动时，组件需要由 angular 知道，否则它不会呈现。如果您是新手，最好使用 ng generate 命令让 CLI 为您生成一个组件，如下所示：

ng generate component your-component-name

I have a problem with components in angular