在Angular中，TypeScript文件在构建过程中会被编译成JavaScript文件，因此在控制台中显示的是JavaScript文件的行数而不是TypeScript文件的行数。要解决这个问题，可以使用Source Maps来映射JavaScript文件到对应的TypeScript文件。

以下是一种解决方法：

1. 确保在tsconfig.json文件中启用了sourceMap选项。在tsconfig.json文件中，将"sourceMap"选项设置为true。

{
  "compilerOptions": {
    "sourceMap": true,
    // 其他选项...
  },
  // 其他配置...
}

2. 在开发过程中，使用ng serve启动应用程序。ng serve默认会生成Source Maps文件。

3. 当使用console.log()输出时，浏览器的开发者工具会根据Source Maps来显示对应的TypeScript文件的行数。在控制台中点击输出行数即可跳转到对应的TypeScript文件。

请注意，使用console.log()输出时，如果没有进行任何其他处理，它将显示在浏览器的控制台中。如果希望在Angular应用程序中的某个特定位置输出调试信息，可以考虑使用Angular的日志功能，例如Angular的默认日志记录器或自定义日志服务。

示例代码：

app.component.ts:

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

@Component({
  selector: 'app-root',
  template: `
    Log Message
  `
})
export class AppComponent {
  logMessage() {
    console.log('Hello from AppComponent');
  }
}

当点击"Log Message"按钮时，控制台将显示JavaScript文件中的行号。在开发者工具中，您可以点击控制台的输出行号，然后跳转到对应的TypeScript文件中的行号。