要在查看源代码时看不到标题，但在检查时可以看到标题，可以使用Angular Universal的预渲染功能。预渲染是指在服务器上预先生成静态HTML文件，然后在客户端加载这些文件。这样，当搜索引擎或社交媒体爬虫访问您的网站时，它们将能够看到完整的HTML内容，包括标题和其他元数据。

以下是一个示例解决方法：

1. 在Angular项目中安装Angular Universal。运行以下命令：

ng add @nguniversal/express-engine

2. 在Angular项目的根目录下创建一个名为"prerender.ts"的文件，并添加以下代码：

import 'zone.js/dist/zone-node';
import { renderModuleFactory } from '@angular/platform-server';
import { enableProdMode } from '@angular/core';
import { readFileSync, writeFileSync, mkdirSync } from 'fs';
import { join } from 'path';

// 读取Angular构建后的服务器bundle文件
const { AppServerModuleNgFactory, LAZY_MODULE_MAP } = require('./dist/server/main');

// 配置Angular Universal
enableProdMode();

// 读取index.html文件
const index = readFileSync(join('dist', 'browser', 'index.html'), 'utf-8');

// 定义要预渲染的路由
const routes = [
  '/',
  '/about',
  '/contact',
  // 添加其他需要预渲染的路由
];

// 创建预渲染目录
const prerenderDir = join('dist', 'prerender');
mkdirSync(prerenderDir);

// 遍历路由并生成预渲染文件
routes.forEach(route => {
  const fullPath = join(prerenderDir, route, 'index.html');

  renderModuleFactory(AppServerModuleNgFactory, {
    document: index,
    url: route,
    extraProviders: [
      {
        provide: APP_BASE_HREF,
        useValue: '/',
      },
      {
        provide: 'REQUEST',
        useValue: {
          url: route,
        },
      },
    ],
  }).then(html => {
    writeFileSync(fullPath, html, 'utf-8');
  });
});

3. 修改Angular项目的package.json文件，在"scripts"部分添加以下命令：

"scripts": {
  "prerender": "node prerender.ts"
}

4. 运行以下命令来生成预渲染文件：

npm run build
npm run prerender

5. 在预渲染目录"dist/prerender"下会生成预渲染的静态HTML文件。您可以在检查网页源代码时查看这些文件，确认标题和其他元数据是否正确显示。

请注意，预渲染功能需要在服务器上部署。您可以将预渲染目录上传到您的服务器，并相应地配置服务器以提供这些静态HTML文件。

希望这个解决方法能帮助到您！