@edugouvfr/ngx-dsfr-ext

中文文档
1.9.0发布于 2026/10/16EUPL-1.2TypeScriptES Module近 30 天下载 7903

NgxDsfrExt est une扩展包@edugouvfr/ngx-dsfr (口号为 DSFR)

中文使用文档
文档目录14 节
  1. 相互依存
  2. 许可证与使用权
  3. 安装
  4. 利用
  5. 文档
  6. 代码源
  7. 构成者不负责任
  8. Feuille de 路线
  9. 公式
  10. 机构
  11. 需求者 une évolution ou signal une anomalie(英语:
  12. (原始内容存档于2019-10-21). Équipes internes Éduc. 纳特.
  13. 公共服务部
  14. 联系人

ngx- dsfr-ext - 读取

NgxDsfrExt (英语:@edugouvfr/ngx-dsfr-ext) est une扩展包 @edugouvfr/ngx-dsfr。 。 。 .

Ce 包了个倒入但有孔径的孔径孔径孔径孔径孔径孔径孔径孔径孔径孔径孔径孔径孔径孔径孔径孔径孔径孔径孔径孔径孔径孔径孔径孔径孔径孔径孔径孔径孔径孔径孔径孔径孔径孔径孔径孔径孔径孔径孔径孔径孔径孔径孔径孔道孔径孔径孔道孔径孔道孔径孔径孔径孔径孔径孔道孔径孔径孔道孔径孔道孔径孔道孔径孔径孔道孔径孔径孔道孔道孔径孔道孔径孔径孔道孔道孔径孔道孔道孔径孔径孔道孔道孔径孔径孔径孔径孔道孔道孔径孔道孔径孔径孔径孔道孔径孔道孔道孔径孔道孔道孔径孔道孔道孔道孔道孔道孔道孔道孔道孔道孔道孔道孔道孔道孔道孔道道孔道道道道道道道道道 * 国防和安全部队现有人员、尊重法语技术和设计专家.

注意:ces composants ne sont pas des éléments 地方法院 双 联邦。 。 。 .

教育部长发展委员会 格勒诺布尔国立大学和全国试点大学“Socle Numérique”(SOCLE1)和“服务 numériques”(SN2) 教育部.

相互依存

独立软件包 @edugouvfr/ngx-dsfr 版本1.20.0ou 终极. (参考安装 @edugouv/ngx-dsfr (英语) (中文(简体) )

(原始内容存档于2013-10-12). Nous dévelopons avec Angular 20, mais notre bibliothèque est complete de la 20 à 21. 软件包 @angular/cdk (原始内容存档于2019-06-26) (英语). Requis requis.

(一) 使用特定物质的补偿:

  • 倒出网格混凝土 dsfr-ext-ag-grid 数字 : ag-grid-社区 33 页:1 格-格-角 33
  • 建筑工程 dsfr-ext-editor 数字 : qui 二
ngx-dsfr-ext (英语)ngx-dsfr (英语)角质ag-网格线节点毛笔
1. 5个>= 1.15 < 1.17页:1第33页页:1^2
1.6 国家>=1.17 < 1.19页:1第33页页:1^2
第1.7条>=1.17 < 1.19页:1第33页页:1^2
1.8 (中文(简体) )>=1.19页:1第33页页:1^2
1.9 (中文(简体) )>=1.20页:1第33页页:1^2

许可证与使用权

许可证 EUPL 1.2. (英语).。 。 。 .

安装

  • 国家防范机制

    $ npm create @gouvfr/dsfr
    $ npm install --save @edugouvfr/ngx-dsfr
    $ npm install --save @angular/cdk
    
  • (原始内容存档于2019-09-29) (英语). Instituter la dédependance vers le module NPU dans votre projet Angular

    $ npm install --save @edugouvfr/ngx-dsfr-ext
    
  • 独立选项安装器(参考. 相互依存(中文(简体) )

利用

  • Dans votre 模块 ou 堆肥独立,进口 le 堆肥 que souhaitez 用户 :

    import { DsfrMultiselectComponent } from 'edugouvfr/ngx-dsfr-ext';
    import { DsfrDatePickerComponent } from '@edugouvfr/ngx-dsfr-ext';
    
    @Component({
      imports: [DsfrDatePickerComponent, DsfrMultiselectComponent],
    })
    export class MonComposant {}
    
  • Puis user le composant dans votre 模板 html : (中文)

    <dsfrx-multiselect>...</dsfrx-multiselect>
    

文档

校对:Soup

https://foad.phm.educ.gouv.fr/edugouvfr/ngx-dsfr-ext/ (中文(简体) )

文献资料:

  • 页:1
  • 注意点
  • * 访问比利特

代码源

Le code sour de cette bibliothèque de composants est publié sur mim-libre 代码来源 :

https://gitlab.mim-libre.fr/men/transverse/dsmen/ngx-dsfr-ext (英语)

构成者不负责任

  • (数据网)

    冷冻剂 dsfrx-ag-grid 管理应用的多奈斯通知中心. 自由之路 ag-网格线 en 版本 Community (原始内容存档于2013-10-12). auquel s'applique l'aspect du tableau du composant table DSFR.

    Il permet une pagination (英語:Utilation du composion de pagination de ngx-dsfr), des filtres, and du tri côté servur ou客户端. 美洲印第安人社区之声适用于美洲印第安人社区.

  • 自动完成: composant d'autocomplétion intégent un dsfr-form-input

  • 卡鲁塞尔

  • 日历

  • 选取日期者: 选取日期者 calendar

  • Dropdown Menu: 菜单缩写( 格式菜单按钮)

  • Edideur: 自由之地的修道院 quilljs

  • 多选取:多选取多选取和研究冠军名单

  • 螺旋管:指向电荷

  • 面板:简便堆肥

  • 选取列表: 双列表 sélection d'léments d'une liste source vers une liste cable 双列表 双列表 双列表 双列表 双列表 双列表 双列表 双列表 双列表 双列表 双列表 双列表

  • 进程栏: 进程示意图

  • 配置菜单: composant d'en-tête 连接页眉

  • 时间线:关于使用DSFR的笛卡尔的网页

  • 烤面包机:服务 DsfrToastService 土司通知

  • 树:信息之道

  • 树表:信息来源于a'arborescence à l'intérieur d'un tableau

  • 树选取: 树选取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取出取取取取取取取取取取取取取取取

  • 上传 DnD: ajout de fichiers avec glisser/ déposer 页面存档备份,存于互联网档案馆

Feuille de 路线

公式

  • 改善建筑条件
  • 改善通路条件

机构

  • 过量
  • 斯凯莱通
  • 侧边栏 / Tiroir

需求者 une évolution ou signal une anomalie(英语:

(原始内容存档于2019-10-21). Équipes internes Éduc. 纳特.

公共服务部

联系人

版本与发布记录

@edugouvfr/ngx-dsfr-ext 共发布 61 个版本,首次发布于 2023/07/04;过去 12 个月发布了 19 个版本。

版本发布日期距今
1.9.0latest2026/10/1628 天前
1.8.32026/07/283 个月前
1.8.22026/06/194 个月前
1.8.12026/06/115 个月前
1.8.02026/06/055 个月前
1.7.62026/05/076 个月前

关于 @edugouvfr/ngx-dsfr-ext 的常见问题

@edugouvfr/ngx-dsfr-ext 是什么?

NgxDsfrExt est une扩展包@edugouvfr/ngx-dsfr (口号为 DSFR)

如何安装 @edugouvfr/ngx-dsfr-ext?

在项目目录运行 npm install @edugouvfr/ngx-dsfr-ext,或使用 pnpm add / yarn add / bun add。它还需要宿主项目提供 peer 依赖:@angular/cdk(>=20.2)、@gouvfr/dsfr(~1.15.0)、@angular/core(>=20.3)、@angular/forms(>=20.3)、@angular/common(>=20.3)、@edugouvfr/ngx-dsfr(>=1.20.0)。npm 7 及以上与 pnpm 8 及以上默认会自动安装必需的 peer 依赖,Yarn 需要手动安装。

@edugouvfr/ngx-dsfr-ext 支持 TypeScript 吗?

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

@edugouvfr/ngx-dsfr-ext 支持 ESM 还是 CommonJS?

以 ES Module 形式发布,推荐使用 import 引入。在 CommonJS 项目中,Node.js 20.19+ / 22.12+ 可以直接 require() 不含顶层 await 的 ES Module,更早的版本需要改用动态 import()。

@edugouvfr/ngx-dsfr-ext 需要什么版本的 Node.js?

package.json 的 engines 字段要求 Node.js ^20.19.0 || ^22.12.0 || ^24.0.0。版本不符时 npm 默认只给出警告,开启 engine-strict 后会拒绝安装。

@edugouvfr/ngx-dsfr-ext 可以商用吗?

@edugouvfr/ngx-dsfr-ext 使用 EUPL-1.2 许可。声明的许可为 EUPL-1.2,请阅读许可原文确认使用条件。以上为概括,不构成法律意见,请以许可原文为准。

@edugouvfr/ngx-dsfr-ext 的下载量有多少?

根据 npm 官方下载统计,@edugouvfr/ngx-dsfr-ext 在 2026/10/13 – 2026/11/11 这 30 天内被下载 7,903 次,日均约 263 次。下载量会把 CI 构建、镜像同步和作为其他包依赖的安装一并计入,适合横向比较热度,不能直接等同于使用人数。

@edugouvfr/ngx-dsfr-ext 还在维护吗?

最新版本 1.9.0 发布于 2026/10/16(28 天前);至今共发布 61 个版本,其中过去 12 个月发布了 19 个;首次发布于 2023/07/04。发布频率只是参考信号:功能稳定的工具可能很少需要更新,建议结合源码仓库的 issue 和提交记录判断。