feat: Add angular component support and demos

[m310851010]

• 提交符合commit规范
• 文档更改
• 测试用例添加
• npm run test通过

详细描述

Add angular component support, write angular as the main application demo, write development documentation。

• 特性

1. angular组件封装
2. angular作为主应用的demo
3. angular组件文档更新

• 关联issue

#170

[lanmingle]

是否测试多层angular主应用的嵌套？目前我发现 ngZone 的隔离存在问题，就算是把 ngZone 一层层传递还是一样。

另外（angular）：开启路由同步后还是还存在覆盖的问题（测试是以多个子应用都有各自的路由）。

[m310851010]

是否测试多层angular主应用的嵌套？目前我发现 ngZone 的隔离存在问题，就算是把 ngZone 一层层传递还是一样。

另外（angular）：开启路由同步后还是还存在覆盖的问题（测试是以多个子应用都有各自的路由）。

目前没有测试多层angular主应用嵌套场景。ngZone 的隔离问题是指主应用的ngZone和子应用的ngZone不能隔离吗？

问题2的覆盖的问题是指什么? ngZone覆盖吗?

[lanmingle]

是否测试多层angular主应用的嵌套？目前我发现 ngZone 的隔离存在问题，就算是把 ngZone 一层层传递还是一样。
另外（angular）：开启路由同步后还是还存在覆盖的问题（测试是以多个子应用都有各自的路由）。

目前没有测试多层angular主应用嵌套场景。ngZone 的隔离问题是指主应用的ngZone和子应用的ngZone不能隔离吗？

问题2的覆盖的问题是指什么? ngZone覆盖吗?

前提条件：所有都是 angular 应用。

1. 多层主应用情况下存在 ngZone 问题，建议自行测试一下（发现会无限循环，这里可能是JS沙盒隔离问题）

2. 一个主应用，同时打开多个子应用，并每一个应用都有自己的路由，如 main -> /app1 , /app2 ；sub1 -> /feature/a1 , /feature/a2 ... ; sub2 -> /feature/a1 , /feature/b1 , /feature/b2 ... ; 并全部都开启了路由同步情况下，激活 sub1 路由同步正常，再激活 sub2 路由同步就不正常了，你这边可以测试一下 基于 angular 路由同步问题？ #189

[yiludege]

main-angular13 跑不起来？

[renwofei423]

支持一下angular

[m310851010]

main-angular13 跑不起来？

看起来是没有找到依赖, 可以安装依赖试试, 如果需要, 我可以把我的工程包括依赖发给你

[gaop]

是否测试多层angular主应用的嵌套？目前我发现 ngZone 的隔离存在问题，就算是把 ngZone 一层层传递还是一样。

另外（angular）：开启路由同步后还是还存在覆盖的问题（测试是以多个子应用都有各自的路由）。

fix: Maximum call stack size exceeded
主应用子应用都是angular的场景下，ngZone Maximum call stack的问题有解决办法吗？ @lanmingle

[gaop]

是否测试多层angular主应用的嵌套？目前我发现 ngZone 的隔离存在问题，就算是把 ngZone 一层层传递还是一样。

ngZone可以通过 zone_flags.ts 设置 __Zone_symbol_prefix 来隔离开：
if ((window).__WUJIE) {
(window).__Zone_symbol_prefix = __${(<any>window).__WUJIE.id}_zone_symbol__;
}

[jachy-h]

是否测试多层angular主应用的嵌套？目前我发现 ngZone 的隔离存在问题，就算是把 ngZone 一层层传递还是一样。

另外（angular）：开启路由同步后还是还存在覆盖的问题（测试是以多个子应用都有各自的路由）。

可以在子应用初始化之前, 判断下 zone是否存在

async function ensureZone(): Promise<void> {
  if (!(window as any).Zone) {
    await import('zone.js');
  }
}

async function main(): Promise<void> {
  await ensureZone();
  await bootstrapApplication(AppComponent, appConfig)
}