我的角度组件有问题

问题描述

你好，我是 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

预期声明.ts(1146)

解决方法

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

@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

有关装饰器的更多信息，我参考了这篇博文： https://www.netjstech.com/2020/03/angular-component-decorator.html