Aquila(开源)/ Angular Brand Kit(原 NDBX)是 Allianz 的 Angular 设计系统组件库,采用现代 Angular(v19+)模式,如独立组件、signals、新控制流(@if、@for)、inject() 等。
用途:为 Angular 应用提供符合 Allianz 品牌规范的 UI 组件,覆盖表单、导航、表格、反馈、布局、浮层、媒体、交互与选择等场景。
主要能力:组件均为独立组件,按 @allianz/ng-aquila/{component-name} 路径直接导入,例如 NxButtonComponent、NxFormfieldComponent、NxInputDirective。常用组件包括 formfield、input、button、icon、dropdown、checkbox、grid、headline、copytext、link、accordion、popover、badge、datefield、modal、message、data-display、table、tabs、list、radio-toggle、tooltip、switcher、spinner、pagination 等。
使用方式:在组件 imports 中引入所需组件;表单建议使用响应式表单,nxInput 必须包裹在 nx-formfield 内,校验消息用 nx-error nxFormfieldError;按钮需设置 type="button" 防止误提交;避免内联 CSS,依赖内置样式。网格为 12 列响应式,nxCol 最多接受 7 个逗号分隔断点值(tiny、small、medium、large、xlarge、2xlarge、3xlarge),不足 7 个时最后一个值重复。模态框通过 NxDialogService 的 open 方法打开,并订阅 afterClosed 处理结果。
限制:完整组件 API(输入、输出、方法)需查阅已安装包中的文档,通常位于 node_modules/@allianz/ng-aquila/mcp/generated/components/{component-name}.md 或类似路径,也可用 /mcp/generated// 进行 glob 搜索。资料未提供安装命令、版本要求、收费与平台信息。