在Angular中，可以使用路由参数来将标题设置在URL中而不是ID。以下是一个解决方法的示例代码：

首先，在路由配置中定义一个带有标题参数的路由：

const routes: Routes = [
  { path: 'article/:title', component: ArticleComponent }
];

接下来，在ArticleComponent组件中，使用ActivatedRoute服务来获取URL中的标题参数，并根据标题加载相应的文章内容：

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

@Component({
  selector: 'app-article',
  templateUrl: './article.component.html',
  styleUrls: ['./article.component.css']
})
export class ArticleComponent implements OnInit {
  title: string;
  articleContent: string;

  constructor(private route: ActivatedRoute) { }

  ngOnInit() {
    this.route.paramMap.subscribe(params => {
      this.title = params.get('title');
      // 根据标题加载文章内容的逻辑代码
      this.loadArticleContent(this.title);
    });
  }

  loadArticleContent(title: string) {
    // 根据标题加载文章内容的实现代码
    // 可以通过发送HTTP请求或从本地存储中获取文章内容
    this.articleContent = '这是标题为 ' + title + ' 的文章内容。';
  }
}

在上述示例中，当访问/article/first-article时，title参数的值将被设置为first-article，然后通过loadArticleContent方法加载相应的文章内容。

最后，在ArticleComponent的模板中，可以通过title和articleContent变量来显示文章的标题和内容：

{{ title }}
{{ articleContent }}

通过上述步骤，就可以在Angular中将标题设置在URL中而不是ID。