Angular 流式 Markdown 渲染器

markstream-angular 提供 standalone Angular 组件，用于 AI 聊天、SSE/WebSocket 输出、长 Markdown 回答、Mermaid、KaTeX 和代码块渲染。它不依赖 [innerHTML] 直接倾倒 HTML，而是沿用 Markstream 的组件化渲染和安全 HTML 策略。

当前包要求 Angular 20+。如果你的项目低于 Angular 20，先不要直接接入这个包。

pnpm add markstream-angular

import { Component, signal } from '@angular/core'
import { bootstrapApplication } from '@angular/platform-browser'
import { MarkstreamAngularComponent } from 'markstream-angular'
import 'markstream-angular/index.css'

@Component({
  selector: 'app-root',
  standalone: true,
  imports: [MarkstreamAngularComponent],
  template: '<markstream-angular [content]="content()" [final]="true" />',
})
class AppComponent {
  readonly content = signal('# Hello Angular')
}

bootstrapApplication(AppComponent)

场景	推荐
Angular standalone 应用	使用 MarkstreamAngularComponent
AI 聊天流式输出	用 signal 累积 content 并传 final
Mermaid / KaTeX	需要时再安装对应 peer
稳定 API 要求很高	注意当前仍是 alpha

不适合的情况：Angular <20、只渲染短静态 Markdown、或希望今天就得到最稳定的生产 API。