问题标签 [ng-bootstrap]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
3979 浏览

angular - 如何使用 ng-bootstrap 在 angular2 中使用 uib-tabset?

我在 angular2 项目中工作,想知道有什么方法可以在 angular2 中使用 uib-tabset?

我之前使用了可以使用 ng-bootstrap 的 angularjs。

所以我可以<uib-tabset></uib-tabset>轻松使用。

但我不确定如何在 angular2 中执行此操作?任何输入?

0 投票
2 回答
3006 浏览

angular - 如何将 ng-bootstrap 添加到 Angular-CLI(Broccoli 版本)项目中?

如何添加ng-bootstrap(由 angular-ui 团队编写)到 Angular-CLI (Angular2 RC4) 项目?

进一步来说:

  1. .css我应该如何将我的文件夹中的缩小文件添加node_modules到我的 angular-cli 项目中?
  2. 我必须将其添加到angular-cli-build.js?
  3. 我必须添加打字吗?
  4. 我必须将其添加到/src/system-config.ts
0 投票
3 回答
3089 浏览

angular - 请问ng-bootstrap支持bootstrap4的新功能卡吗?

我想在我的项目中使用 angular2 和 ng-bootstrap 的卡片和网格布局。

请问ng-bootstrap支持bootstrap4的新特性卡吗?

0 投票
2 回答
524 浏览

typescript - 错误 TS2304:将 ng-bootstrap 添加到 TypeScript 的 Angular2 快速入门时找不到名称“NGB_PRECOMPILE”

我正在尝试按照https://ng-bootstrap.github.io/#/getting-started上的说明将 ng-bootstrap 添加到 Angular2 的 TypeScript 快速入门中。当我执行 npm start 时,它给了我错误 TS2304 找不到名称“NGB_PRECOMPILE”。

app.component.ts

main.ts

和 package.son 中的依赖项

0 投票
1 回答
353 浏览

angular - 将 ng-bootstrap 添加到 Angular-CLI 项目时预编译失败

当我尝试根据https://stackoverflow.com/a/38413274/1596547将 ng-bootstrap 添加到 Angular-CLI 项目时,我不能不使用procompile option

以上产生以下错误:

0 投票
1 回答
141 浏览

angular - 将 NGB_ALERT_DIRECTIVES 从 ng-bootstrap 添加到 Angular-CLI 项目时出错

我尝试将 ng-bootstrap 的警报指令 (NGB_ALERT_DIRECTIVES) 添加到 Angular-CLI 项目中。我按照https://stackoverflow.com/a/38413274/1596547中描述的步骤进行操作。

上述导致以下错误:

如何解决上述问题,它与预编译选项有关吗?请参阅:将 ng-bootstrap 添加到 Angular-CLI 项目时预编译失败

0 投票
1 回答
185 浏览

angular - ng-bootstrap NGB_PRECOMPILE 上的预编译错误

我正在尝试跟随ng-bootstrap入门,它说我应该导入:

从“@ng-bootstrap/ng-bootstrap”导入 {NGB_DIRECTIVES, NGB_PRECOMPILE};

然后在 app.component.ts 中请求预编译:[ NGB_PRECOMPILE ]

我在 Visual Studio Code 中遇到了一个很大的红色错误,说

[ts]

'{ selector: string; 类型的参数 指令: (((typeof NgbAccordion | typeof NgbPanel | typeof NgbPanelTitle)[...' 不能分配给类型为 '{ selector?: string; inputs?: string[]; outputs?: string[]; properties?: string[]; events?: strin...'。对象字面量只能指定已知属性,'precompile' 不存在于类型 '{ selector?: string; inputs?: string[]; outputs?: string[] ; 属性?:字符串 [];事件?:字符串 ...'。

所以

并检查我看到的应用程序无法加载资源@ng-bootstrap/ng-bootstrap,但我在node_modules 中看到一个文件夹@ng-bootstrap 和一个名为ng-bootstrap 的子文件夹。

我很困惑,因为它似乎一方面告诉我它找到了它,但它是错误的类型,但另一方面它说它根本找不到它。

我正在使用 npm 3.10.6 在 Windows 10 上尝试此操作。

这是一个简单的问题吗?

0 投票
1 回答
542 浏览

npm - NPM 不遵守 package.json 中指定的依赖版本

我有以下内容package.json

但是,我总是以以下版本结束@ng-bootstrap/ng-bootrap1.0.0-alpha.2

尽管我已明确alpha.1指定package.json

有谁知道什么可能导致NPM强制使用不同的版本?

附言

我还包括来自npm 日志的信息:

0 投票
2 回答
5119 浏览

angular - 如何通过 system.js 将引导程序添加到 Angular2

我正在尝试通过https://github.com/ng-bootstrap/ng-bootstrap将引导模块添加到我的 ng2 应用程序中。但一直收到此错误:

在此处输入图像描述

这是我的索引文件,也许我的文件有错误?索引.html:


完整的 systemjs.config

0 投票
1 回答
836 浏览

angular - 哪个 UI 库推荐与 Angular2 一起使用?

我最近正在调查我们是否应该将 AngularJS 1 或 Angular2 用于长期产品。

我最大的关注点是使用成熟的 UI 库来创建吸引人的用户界面,例如 AngularUI for Angular JS 1。

在研究过程中,我遇到了 PrimeNG [1] 或 ng-bootstrap [2] 等库,但我仍然想知道它们有多成熟,即它们应该没有重大错误并且相当稳定。

您对它们有什么经验,您可以推荐哪些进一步的库?

[1] http://www.primefaces.org/primeng
[2] https://ng-bootstrap.github.io/#/home