Angular 如何使角度组件的元素标记为其他组件所知或可访问?
如何在中声明或使组件的标记可访问Angular 如何使角度组件的元素标记为其他组件所知或可访问?,angular,Angular,如何在中声明或使组件的标记可访问 从'@angular/core'导入{Component,Input,VERSION}; @组成部分({ 选择器:“主页”, 模板:` 从这个角度概念的示例应用程序中学习。 `, 样式:[`h1{font-family:Lato;}`] }) 导出类HomePageComponent{ 名称='Angular'+VERSION.major; } 您忘记在声明中添加主页组件 欢迎组件添加到多个模块的声明中 我们最多可以在一个模块中声明一个组件。我们不能在多个模
从'@angular/core'导入{Component,Input,VERSION};
@组成部分({
选择器:“主页”,
模板:`
从这个角度概念的示例应用程序中学习。
`,
样式:[`h1{font-family:Lato;}`]
})
导出类HomePageComponent{
名称='Angular'+VERSION.major;
}
您忘记在声明中添加主页组件
欢迎组件添加到多个模块的声明中
我们最多可以在一个模块中声明一个组件。我们不能在多个模块中声明相同的组件
删除路由模块中的声明,不需要在路由模块中添加任何声明
我对你的代码做了一些清理。这里是更新的stackblitz-
好的。因此,我需要将HomePageComponent和Welcome组件添加到app.module。谢谢该错误似乎具有误导性,因为它指向Welcome组件而不是HomePageComponent。是否有一篇文章解释了如何管理模块和组件的声明和范围?我不确定是否有帮助
import { Component, Input, VERSION } from '@angular/core';
@Component({
selector: 'home-page',
template: `
<welcome name="{{ name }}"></welcome>
<p>
Learn from this sample application of Angular concepts.
</p>
<!--<list>-->
`,
styles: [`h1 { font-family: Lato; }`]
})
export class HomePageComponent {
name = 'Angular ' + VERSION.major;
}