在Angular应用程序中添加一个组件，该组件包含一个导航栏和用户信息。以下是示例代码：

1. 在app.module.ts文件中导入所需模块和组件：

import { NgModule } from '@angular/core'; import { BrowserModule } from '@angular/platform-browser'; import { AppComponent } from './app.component'; import { NavbarComponent } from './navbar/navbar.component';

@NgModule({ declarations: [ AppComponent, NavbarComponent ], imports: [ BrowserModule, ], providers: [], bootstrap: [AppComponent] }) export class AppModule { }

2. 在navbar.component.ts文件中添加代码，该代码将显示导航栏和用户信息：

import { Component, OnInit } from '@angular/core';

@Component({ selector: 'app-navbar', templateUrl: './navbar.component.html', styleUrls: ['./navbar.component.css'] }) export class NavbarComponent implements OnInit { username: string = 'John Doe';

constructor() { }

ngOnInit(): void { }

}

3. 在navbar.component.html文件中添加HTML代码，该代码将显示导航栏和用户信息：

这样，添加了一个包含导航栏和用户信息的组件，并通过路由设置了导航链接。用户信息在导航栏上显示。