Angular 显示登录用户的用户名（2）
这似乎是一个非常简单的问题，但我对Angular2不熟悉，对组件之间的关系有点困惑。我有一个登录页面，当用户输入用户名时，我希望用户名显示在仪表板上，类似“欢迎，詹姆斯” 我有一个Angular 显示登录用户的用户名（2）,angular,angular2-forms,Angular,Angular2 Forms,这似乎是一个非常简单的问题，但我对Angular2不熟悉，对组件之间的关系有点困惑。我有一个登录页面，当用户输入用户名时，我希望用户名显示在仪表板上，类似“欢迎，詹姆斯” 我有一个login.html页面，一个loginHTMLcomponent组件，它有一个templateurl到login.html页面及其父项login.ts。 我有dashboard.ts，它是dashboard.component.ts的父级（具有仪表板页面的HTML） 基本上，我是如何从login.html中的输入字段
login.htmlloginHTMLcomponenttemplateurllogin.htmldashboard.tsdashboard.component.tsinput type = "text" [(ngModel="name")]
@Component({
selector: 'dashboardHTML',
template:
`
<body>
........
..........
<span ="user">Welcome, {{user}}</span>
...
`
login.HTMLComponentlogin.component.html导出类LoginHTMLComponent{
公共名称：{}；
/////name.service.tsimport { Injectable } from '@angular/core';
import {LoginHTMLComponent} from "./LoginComponents/login.HTMLcomponent";
@Injectable()
export class NameService {
getName(){
return name;
}
}
谢谢在您的情况下，服务可能是一个不错的选择。将登录数据存储在服务中，并从需要数据的任何组件访问它。
使用
@Injectable（）使用
@Injectable（）装饰服务登录组件仪表板组件服务LoginHTMLComponentNameServiceLoginComponent仪表板组件private constructor(private nameService:NameService) {...}
当然，导入
NameService登录组件仪表板组件服务LoginHTMLComponentNameServiceLoginComponent仪表板组件private constructor(private nameService:NameService) {...}
当然，导入
NameService