寻找可与Angular集成的支持动态增删节点的组织结构图库

以下是完全匹配你需求的原生Angular生态库，均支持自定义节点交互与动态数据更新：

• @swimlane/ngx-graph
  Angular生态内应用最广泛的图渲染库，原生适配各版本Angular，支持完全自定义节点模板。你可以直接在节点模板中嵌入新增、删除操作按钮，配合Angular Material的MatDialog组件即可实现你要的交互逻辑：点击新增按钮弹框输入节点信息，提交后更新节点数据源即可自动渲染新节点；点击删除按钮先弹出确认框，用户确认后删除数据源对应条目自动触发视图更新。你不需要额外处理图表重绘逻辑，只要遵循Angular不可变数据更新规则即可。
• primeng/OrganizationChart
  PrimeNG组件库内置的组织结构图专用组件，如果你的项目已经引入PrimeNG生态，这个是成本最低的选择。它本身支持节点自定义模板、层级数据动态绑定，你可以直接搭配PrimeNG自带的ConfirmDialog、Dialog组件实现增删的弹窗交互，不需要额外引入第三方UI依赖，配置成本极低。
• ngx-organizational-chart
  轻量型组织结构图专用库，没有额外冗余功能，核心就是面向层级组织图的渲染与交互。库本身已经暴露了节点的点击、增删事件钩子，你只需要绑定对应事件处理函数，在函数内实现你的弹窗逻辑与数据修改即可，适合需要快速上线功能的场景。

注：以上所有库的动态更新都依赖Angular的变更检测机制，修改节点数据源时建议使用不可变更新方式（比如用扩展运算符生成新数组赋值），可以避免出现视图不刷新的问题。

内容的提问来源于stack exchange，提问作者Tanishka Bansal