在Angular应用程序中运行带有输出的控制台，可以使用Angular的内置日志服务和控制台对象来实现。

首先，在组件或服务中引入Angular的日志服务：

import { Component, OnInit, Inject, PLATFORM_ID } from '@angular/core';
import { isPlatformBrowser } from '@angular/common';
import { ConsoleService } from '@angular/core/src/console';

@Component({
  selector: 'app-my-component',
  templateUrl: './my-component.component.html',
  styleUrls: ['./my-component.component.css']
})
export class MyComponentComponent implements OnInit {

  constructor(
    @Inject(PLATFORM_ID) private platformId: Object,
    private console: ConsoleService
  ) { }

  ngOnInit() {
    if (isPlatformBrowser(this.platformId)) {
      // 在浏览器端运行时，将控制台输出重定向到日志服务
      this.console.log('Hello, console!');
    }
  }

}

然后，在模板文件中显示控制台输出：

{{ consoleOutput }}

最后，在组件中定义一个属性来保存控制台输出，并在初始化时将其绑定到模板中：

export class MyComponentComponent implements OnInit {
  consoleOutput: string;

  constructor(
    @Inject(PLATFORM_ID) private platformId: Object,
    private console: ConsoleService
  ) { }

  ngOnInit() {
    if (isPlatformBrowser(this.platformId)) {
      // 在浏览器端运行时，将控制台输出重定向到日志服务
      this.console.log('Hello, console!');
      this.consoleOutput = this.console.getLogs().join('\n');
    }
  }

}

这样，当组件初始化时，控制台输出将被重定向到日志服务，并通过绑定在模板中显示出来。