将字符串一个组件发送到 angular2 中的其他组件

Question

我想将用户名从我的登录组件发送到主组件...我该怎么做，请告诉我一个简单的例子，它显示了将字符串从一个组件发送到另一个组件，我使用 Angular2 CLI 和 vs 代码编辑器

Answer 1

使用@Input

从"@angular/核心"导入 { 组件，输入 };

@Component({ 选择器："计数器"， 输入：["数字"] }) 导出类计数器组件 {

@Input()
count: number = 0;

}

@Component({ 选择器："反兄弟姐妹"， 模板：" }) 导出类 计数器同级{

@Output()
count: number = 0;

} 在反同级中的用法：