# @costlydeveloper/ngx-awesome-popup 中文文档 规范地址：https://npmcn.com/package/%40costlydeveloper/ngx-awesome-popup/ 版本：3\.2\.2 npm 元数据更新时间：2024-04-13T10:07:17.328Z 中文译文更新时间：2026-11-14T16:38:25.619Z 软件包许可：MIT 本文由上游 README 翻译，可能存在偏差，请结合原文核对 API、命令与配置。版权与许可归原作者所有。 原始 npm 页面：https://www.npmjs.com/package/%40costlydeveloper/ngx-awesome-popup 原文对照：https://npmcn.com/package/%40costlydeveloper/ngx-awesome-popup/?lang=original 项目主页：https://boris-jenicek.github.io/ngx-awesome-popup/ 源码仓库：https://github.com/boris-jenicek/ngx-awesome-popup 弃用说明：This package is deprecated and will no longer be updated\. Please use the @ng-vibe series of packages instead: @ng-vibe/dialog, @ng-vibe/toastify, @ng-vibe/drawer, and more to come\. ## 关键信息（来自 npm 元数据） - 包体积（解压后）：1.6 MB，90 个文件 - 模块格式：ES Module - TypeScript 类型：包内自带 - 运行依赖：1 个 - peer 依赖：@angular/common \>8\.0\.0，@angular/core \>8\.0\.0，rxjs \>6\.0\.0 - 首次发布：2021-04-21T21:31:21.677Z - 最新版本发布：2024-04-13T10:05:00.479Z - 近 30 天下载量：1978（2026-10-11 至 2026-11-09，npm 官方下载统计） - 已发布版本数：35（近 12 个月 0 个） ## 中文简介 世界最简单,最强大的Angular对话模式框架. 它产生美丽的弹出,对话框,确认箱,警报箱,吐司通知. 还赋予了直接从打字符打开动态组件的能力! ## 安装 ```sh npm install @costlydeveloper/ngx-awesome-popup ``` 也可以使用：`pnpm add @costlydeveloper/ngx-awesome-popup`、`yarn add @costlydeveloper/ngx-awesome-popup`、`bun add @costlydeveloper/ngx-awesome-popup` ## README 感谢所有支持和使用 **@costlydeveloper/ngx-awesome-poup (英语)** 这些年来 这一一揽子计划将继续发挥作用,但是,我已到了无法落实我在其框架内设想的特征的地步。 因此,我决定把这些概念分为更优化的一揽子 [**@ng-vibe (英语)**](https://github.com/boris-jenicek/ng-vibe) 我们未来发展的新平台。 请向新的过渡 **@ng-vibe (英语)** 用于不断更新和改进的系列: [@ng-vibe/对话](https://www.npmjs.com/package/@ng-vibe/dialog), (中文(简体) ), [@ng-vibe/画](https://www.npmjs.com/package/@ng-vibe/drawer), (中文(简体) ), [@ng-vibe/张贴](https://www.npmjs.com/package/@ng-vibe/toastify) 还会有更多 你们的支持和反馈是宝贵的,我期待着继续使用这些新工具来进行我们的旅程. ❤️ # Ngx 惊人弹出 **世界最简单,最强大的Angular对话模式框架.** [![Downloads per month](https://img.shields.io/npm/dm/@costlydeveloper/ngx-awesome-popup.svg)](https://npmcharts.com/compare/@costlydeveloper/ngx-awesome-popup?minimal=true) [![NPM Version](https://img.shields.io/npm/v/@costlydeveloper/ngx-awesome-popup.svg)](https://www.npmjs.com/package/@costlydeveloper/ngx-awesome-popup) [![Contributors](https://img.shields.io/github/contributors/boris-jenicek/ngx-awesome-popup.svg)](https://github.com/boris-jenicek/ngx-awesome-popup/graphs/contributors) [![Maintained](https://img.shields.io/badge/Maintained%3F-no-red.svg)](https://github.com/boris-jenicek/ngx-awesome-popup/graphs/commit-activity) [![undefined](https://awesome.re/badge.svg)](https://boris-jenicek.github.io/ngx-awesome-popup/) [![\-----------------------------------------------------](https://raw.githubusercontent.com/andreasbm/readme/master/assets/lines/colored.png)](https://npmcn.com/package/%40costlydeveloper/ngx-awesome-popup/#readme-license) - **使用非常简单 - 试试看 [德莫尔](https://boris-jenicek.github.io/ngx-awesome-popup/)来啊!** - **动画!** - **没有 HTML 选择器 !** [![Ngx Awesome Popup](https://raw.githubusercontent.com/boris-jenicek/ngx-awesome-popup/master/docs/assets/og-img.png)](https://boris-jenicek.github.io/ngx-awesome-popup/) ### 网站 访问 [德莫尔](https://boris-jenicek.github.io/ngx-awesome-popup/) 用于代码生成器、演示和文档. ### 文章 如果你有任何疑问 找出使用这个图书馆的好理由 **编辑** [**德维托**](https://dev.to/borisjenicek)。 。 。 . [![\-----------------------------------------------------](https://raw.githubusercontent.com/andreasbm/readme/master/assets/lines/colored.png)](https://npmcn.com/package/%40costlydeveloper/ngx-awesome-popup/#readme-license) ### 许可证 许可证根据 [麻省理工学院](https://opensource.org/licenses/MIT)。 。 。 . ## 常见问题 ### @costlydeveloper/ngx-awesome-popup 是什么？ 世界最简单,最强大的Angular对话模式框架\. 它产生美丽的弹出,对话框,确认箱,警报箱,吐司通知\. 还赋予了直接从打字符打开动态组件的能力\!注意：该包已被作者标记为弃用——This package is deprecated and will no longer be updated\. Please use the @ng-vibe series of packages instead: @ng-vibe/dialog, @ng-vibe/toastify, @ng-vibe/drawer, and more to come\. ### 如何安装 @costlydeveloper/ngx-awesome-popup？ 在项目目录运行 npm install @costlydeveloper/ngx-awesome-popup，或使用 pnpm add / yarn add / bun add。它还需要宿主项目提供 peer 依赖：@angular/common（\>8\.0\.0）、@angular/core（\>8\.0\.0）、rxjs（\>6\.0\.0）。npm 7 及以上与 pnpm 8 及以上默认会自动安装必需的 peer 依赖，Yarn 需要手动安装。 ### @costlydeveloper/ngx-awesome-popup 支持 TypeScript 吗？ 支持。包内自带 TypeScript 类型声明（package\.json 声明了 types 入口），安装后即可获得类型提示，无需再安装 @types 包。 ### @costlydeveloper/ngx-awesome-popup 支持 ESM 还是 CommonJS？ 以 ES Module 形式发布，推荐使用 import 引入。在 CommonJS 项目中，Node\.js 20\.19\+ / 22\.12\+ 可以直接 require\(\) 不含顶层 await 的 ES Module，更早的版本需要改用动态 import\(\)。 ### @costlydeveloper/ngx-awesome-popup 可以商用吗？ @costlydeveloper/ngx-awesome-popup 使用 MIT 许可。宽松许可：允许商业使用、修改和再分发，通常只需在分发时保留原版权与许可声明。以上为概括，不构成法律意见，请以许可原文为准。 ### @costlydeveloper/ngx-awesome-popup 的下载量有多少？ 根据 npm 官方下载统计，@costlydeveloper/ngx-awesome-popup 在 2026/10/11 – 2026/11/09 这 30 天内被下载 1,978 次，日均约 66 次。下载量会把 CI 构建、镜像同步和作为其他包依赖的安装一并计入，适合横向比较热度，不能直接等同于使用人数。 ### @costlydeveloper/ngx-awesome-popup 还在维护吗？ 最新版本 3\.2\.2 发布于 2024/04/13（2 年前）；至今共发布 35 个版本，其中过去 12 个月发布了 0 个；首次发布于 2021/04/22。作者已将其标记为弃用，新项目建议寻找替代方案。