要从Angular组件生成URL，可以使用Angular的Router模块。以下是一个示例解决方案：

1. 首先，确保已安装了Router模块。可以使用以下命令进行安装：

npm install @angular/router --save

2. 在应用的根模块中导入Router模块并配置路由。假设我们有两个组件，分别是HomeComponent和AboutComponent。在根模块中的app.module.ts文件中配置路由，示例如下：

import { NgModule } from '@angular/core';
import { RouterModule, Routes } from '@angular/router';
import { HomeComponent } from './home.component';
import { AboutComponent } from './about.component';

const routes: Routes = [
  { path: '', redirectTo: '/home', pathMatch: 'full' },
  { path: 'home', component: HomeComponent },
  { path: 'about', component: AboutComponent },
];

@NgModule({
  imports: [RouterModule.forRoot(routes)],
  exports: [RouterModule]
})
export class AppRoutingModule { }

3. 在组件类中导入Router模块，并使用它来生成URL。例如，在HomeComponent中，可以使用以下代码生成AboutComponent的URL：

import { Component } from '@angular/core';
import { Router } from '@angular/router';

@Component({
  selector: 'app-home',
  template: `
    
Welcome to Home
    Go to About
  `,
})
export class HomeComponent {
  constructor(private router: Router) {}

  goToAbout() {
    this.router.navigateByUrl('/about');
  }
}

在上面的代码中，我们在HomeComponent中注入了Router模块，并在goToAbout方法中使用router.navigateByUrl方法导航到AboutComponent的URL。

这就是从Angular组件生成URL的解决方法。使用Router模块，我们可以轻松地在Angular应用程序中进行导航。