我有角度组件的问题[关闭]

Posted 2023-02-23

【中文标题】我有角度组件的问题[关闭]

【英文标题】：I have a problem with components in angular [closed]

【发布时间】：2021-08-13 09:17:45

【问题描述】：

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

【问题讨论】：

你是如何制作这个组件的？？

【参考方案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 在 cmets 中也提出了一个很好的问题，即您是如何创建组件的？如果您手动执行此操作，则必须确保将其正确导入到负责的模块中，因为在引导应用程序时需要通过 Angular 知道该组件，否则它不会呈现。如果您是新手，最好使用 ng generate 命令让 CLI 为您生成一个组件，如下所示：

ng generate component your-component-name

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

【讨论】：

感谢 4 您的帮助：3

没问题！如果您觉得我的回答对您有所帮助，请考虑接受我的回答作为解决方案。

嗨，tommi，你好吗？当我按下箭头时，我无法投票给你的答案（我不知道它是否有技术名称）它要求我的声誉为 15：附加消息：我能做的是选择票，我没有知道这是否也有用，抱歉我的回复延迟。

@JaimeWrighton 不用担心！箭头是对问题/答案进行投票，它有助于确定哪些是最有用和最合适的，引用自：***.com/help/privileges/vote-up。但是复选标记用于接受答案作为解决方案，你已经完成了（你现在可以在我的答案上看到绿色复选标记）所以谢谢你！周末愉快