Back to Details

markstream-angular

Compare original and translation side by side

🇺🇸

Original

English

🇨🇳

Translation

Chinese

Markstream Angular

Markstream Angular

Use this skill when the host app is Angular and the task is to adopt the Angular package cleanly.

当宿主应用为Angular且需要规范地引入Angular包时，可使用此技能。

Workflow

工作流程

Confirm the repo is Angular.
Install
```
markstream-angular
```
plus only the requested optional peers.

Import

markstream-angular/index.css

from the app shell.

Add
```
katex/dist/katex.min.css
```
when math is enabled.

Prefer standalone Angular integration.
- Use
```
MarkstreamAngularComponent
```
  in
```
imports
```
  and keep examples signal-friendly.
Start with
```
[content]
```
.
- Use
```
[final]
```
  ,
```
[codeBlockStream]
```
  , and other streaming inputs only when the UI actually streams.
Use
```
[customHtmlTags]
```
and
```
[customComponents]
```
for trusted tag workflows.
Validate with the smallest useful Angular dev or build command.

确认仓库为Angular项目。
安装
```
markstream-angular
```
及仅所需的可选依赖包。
从应用外壳中导入
```
markstream-angular/index.css
```
。
- 当启用数学公式功能时，需添加
```
katex/dist/katex.min.css
```
  。
优先采用Angular独立组件集成方式。
- 在
```
imports
```
  中使用
```
MarkstreamAngularComponent
```
  ，并确保示例符合信号式编程风格。
以
```
[content]
```
作为起始点。
- 仅当UI实际需要流式传输时，才使用
```
[final]
```
  、
```
[codeBlockStream]
```
  及其他流式输入。
针对可信标签工作流，使用
```
[customHtmlTags]
```
和
```
[customComponents]
```
。
通过最小化的实用Angular开发或构建命令进行验证。

Default Decisions

默认决策

Standalone Angular first, NgModule-era patterns only when the repo still depends on them.
Treat streaming flags as opt-in.
Keep optional peers minimal and explicit.

优先采用Angular独立组件模式，仅当仓库仍依赖NgModule时才使用该时代的模式。
将流式标记设为可选启用项。
尽可能减少可选依赖包数量，并明确说明。

Useful Doc Targets

实用文档目标

```
docs/guide/angular-quick-start.md
```
```
docs/guide/angular-installation.md
```
```
docs/guide/playground.md
```
```
docs/guide/troubleshooting.md
```

```
docs/guide/angular-quick-start.md
```
```
docs/guide/angular-installation.md
```
```
docs/guide/playground.md
```
```
docs/guide/troubleshooting.md
```