问传递和显示组件angular 5

EN

查看一些代码以了解您正在尝试实现的内容将会很有帮助。

在文档中，@Input()

• 输入属性是一个用@Input装饰符注释的可设置属性。当属性使用属性绑定

进行数据绑定时，值将流入该属性

@Input()注释用于传递数据。它不用于将组件传递给另一个组件。

要在另一个组件中显示另一个组件，请在父组件中引用嵌套组件的选择器。选择器是component metadata的一部分

CSS选择器，它告诉Angular在template

• selector：中找到相应标签的地方创建并插入此组件的实例。例如，如果应用程序的超文本标记语言包含，则Angular会在这些标记之间插入HeroListComponent视图的一个实例。

app-hero-list.component.ts

创建一个组件，并在元数据中指定一个选择器。

@Component({
  selector:    'app-hero-list',
  templateUrl: './hero-list.component.html',
  providers:  [ HeroService ]
})

app.component.html

然后，您可以在另一个组件的模板中将该选择器引用为一对HTML标记。

<app-hero-list></app-hero-list>

查看上面提到的组件元数据链接和Angular Tutorial，了解有关在其他组件中显示组件的更多信息。

如果您需要更详细的答案，请使用代码示例更新您的问题。