@4science_ng-dynamic-forms/ui-ng-bootstrap

中文文档
19.1.0发布于 2026/02/06ISCTypeScriptESM + CJS近 30 天下载 3954

NG 动态表单的 NG Bootstrap UI 软件包

中文使用文档
文档目录5 节
  1. 安装
  2. 导入
  3. 使用量
  4. 窗体控件
  5. 资源

NG 动态表单 NG 启动图集 UI

安装

npm i @ng-dynamic-forms/ui-ng-bootstrap -S

导入

@NgModule({

    imports: [DynamicFormsNGBootstrapUIModule]
})

export class AppModule {}

使用量

与 DynamicNGBootstrapFormComponent数字 :

<form [formGroup]="myFormGroup">

    <dynamic-ng-bootstrap-form [group]="myFormGroup"
                               [model]="myFormModel"></dynamic-ng-bootstrap-form>
</form>

与 DynamicNGBootstrapFormControlComponent数字 :

<form [formGroup]="myFormGroup">

    <dynamic-ng-bootstrap-form-control *ngFor="let controlModel of myFormModel"
                                       [group]="myFormGroup"
                                       [model]="controlModel"></dynamic-ng-bootstrap-form-control>
</form>

窗体控件

控制权型号所需财产
日历DynamicDatePickerModelinline: true
复选框DynamicCheckboxModel– 说吧 –
复选框组DynamicCheckboxGroupModel– 说吧 –
日期选择器DynamicDatePickerModel– 说吧 –
投入DynamicInputModel– 说吧 –
无线电组DynamicRadioGroupModel– 说吧 –
评级DynamicRatingModel– 说吧 –
选择DynamicSelectModel– 说吧 –
文本区DynamicTextAreaModel– 说吧 –
时间选择器DynamicTimePickerModel– 说吧 –

资源

版本与发布记录

@4science_ng-dynamic-forms/ui-ng-bootstrap 共发布 6 个版本,首次发布于 2026/01/08;过去 12 个月发布了 6 个版本。

版本发布日期距今
19.1.0latest2026/02/068 个月前
19.0.42026/01/169 个月前
19.0.32026/01/169 个月前
19.0.22026/01/169 个月前
19.0.12026/01/089 个月前
19.0.02026/01/089 个月前

关于 @4science_ng-dynamic-forms/ui-ng-bootstrap 的常见问题

@4science_ng-dynamic-forms/ui-ng-bootstrap 是什么?

NG 动态表单的 NG Bootstrap UI 软件包

如何安装 @4science_ng-dynamic-forms/ui-ng-bootstrap?

在项目目录运行 npm install @4science_ng-dynamic-forms/ui-ng-bootstrap,或使用 pnpm add / yarn add / bun add。它还需要宿主项目提供 peer 依赖:@ng-bootstrap/ng-bootstrap(^15.1.2)、@4science_ng-dynamic-forms/core(^19.0.1)、ngx-mask(^16.4.2)、bootstrap(^5.3.2)。npm 7 及以上与 pnpm 8 及以上默认会自动安装必需的 peer 依赖,Yarn 需要手动安装。

@4science_ng-dynamic-forms/ui-ng-bootstrap 支持 TypeScript 吗?

支持。包内自带 TypeScript 类型声明(package.json 声明了 types 入口),安装后即可获得类型提示,无需再安装 @types 包。

@4science_ng-dynamic-forms/ui-ng-bootstrap 支持 ESM 还是 CommonJS?

同时提供 ES Module 与 CommonJS 入口,import 和 require() 都可以使用,打包工具会自动选择合适的版本。

@4science_ng-dynamic-forms/ui-ng-bootstrap 可以商用吗?

@4science_ng-dynamic-forms/ui-ng-bootstrap 使用 ISC 许可。宽松许可:允许商业使用、修改和再分发,通常只需在分发时保留原版权与许可声明。以上为概括,不构成法律意见,请以许可原文为准。

@4science_ng-dynamic-forms/ui-ng-bootstrap 的下载量有多少?

根据 npm 官方下载统计,@4science_ng-dynamic-forms/ui-ng-bootstrap 在 2026/10/05 – 2026/11/03 这 30 天内被下载 3,954 次,日均约 132 次。下载量会把 CI 构建、镜像同步和作为其他包依赖的安装一并计入,适合横向比较热度,不能直接等同于使用人数。

@4science_ng-dynamic-forms/ui-ng-bootstrap 还在维护吗?

最新版本 19.1.0 发布于 2026/02/06(8 个月前);至今共发布 6 个版本,其中过去 12 个月发布了 6 个;首次发布于 2026/01/08。发布频率只是参考信号:功能稳定的工具可能很少需要更新,建议结合源码仓库的 issue 和提交记录判断。