问题标签 [ng2-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 投票
2 回答
3245 浏览

angular - 带有 ng2-bootstrap 日期选择器的模型驱动表单

我环顾四周,找不到任何明确的信息-您可以将 ng2-bootstrap 日期选择器与 Angular2 模型驱动表单一起使用,还是仅适用于模板表单?

该文档描述了选择器,以便您按如下方式使用它(作为示例):

...这似乎确实有效。理想情况下,我想像这样使用它:

...但它似乎并没有开箱即用。有没有办法将此模块与模型驱动表单一起使用?如果没有,是否有合理的替代方案适用于模型驱动的表单?(我也尝试过 ng2-datepicker,但有一个突出的错误使得它与 SystemJS 一起使用很不方便,这很不幸,因为它看起来很光滑)。

0 投票
3 回答
1116 浏览

angularjs - 每次我展示组件时如何强制Angular2重新创建组件

在我们的 angular2 Typescript 应用程序中,我们使用路由器。我们的组件非常通用,它们的行为会根据从路由器获得的参数而发生巨大变化。

该应用程序处于早期开发阶段,我所指的行为最近已被观察到。我不确定这是因为代码更改还是其中一个库发生了重大更改。

考虑一个名为 的组件List。它从上下文(路由、包装组件等)中获取一些信息,例如它应该显示的实体类型。

现在,当我更改路线时,List不会重新实例化组件,但会更新其参数。由于我使用这些参数ngOnInit来设置组件,因此以后的更改将无效。

我知道我可以使用变更检测来解决这个问题,但我宁愿不这样做。原因是这将使开发人员更容易引入回归错误(例如:转到人员列表,然后做某事,转到订单列表,不应该存在的东西),而这些错误更难发现,测试和重现。它们更有可能泄漏到生产中。

当路由发生变化时,如何强制 Angular 重新创建 List 组件。

更多观察:在路由器中,如果我导航到不显示 List 组件的路由,然后返回 List,则重新实例化该组件。

0 投票
2 回答
5420 浏览

angular - ng2-slider-component + angular 2 final + angular cli

我得到的ng2-slider是不在Angular 2 CLI项目中工作。有关更多信息,请查看以下屏幕截图。

错误: 在此处输入图像描述

在 angular-cli.json

然后在 package.json

然后在 app.module.ts

然后在 configration.component.ts

0 投票
0 回答
175 浏览

angular - Angular 2 - 无效的外部依赖要求

在我的本地环境中它仍然有效。但继续集成服务器失败。我认为这发生在安装 ng2-bootstrap 之后。

这是我的 package.json

请帮我调试和解决依赖关系。

UPD。在具有空 angular2-seed 项目和上述依赖项的本地文件夹上:

在此处输入图像描述

0 投票
3 回答
3750 浏览

angular - 如何使用 angular-cli 项目在 angular2 中导入第三方模块?

如何使用 cli 在 angular2 项目中导入第三方模块。像ng2-validation或 ng2-bootstrap 等。我不知道如何插入第三方模块。

喜欢(注意:Angular-cli 不使用系统 js 文件)

在此处输入图像描述

0 投票
0 回答
238 浏览

animation - 如何在 Angular 2 的 ng2-bootstrap 中为警报设置动画?

目前,Angular 2 中的 ng2-bootstrap 中没有用于警报的动画。让警报淡入然后在关闭时淡出的解决方法是什么?

0 投票
0 回答
556 浏览

search - Angular2中带有搜索选项的分页

我在搜索时遇到了分页问题。分页工作正常,但是当我使用搜索框并输入一些字母时,结果会有所不同。由于结果不同,分页表现不规则。

我正在PaginationModule 使用'ng2-bootstrap'

我正在获取users带有分页的列表.. 这是我的users.component.ts

这是users.component.html

问题是当我在page:3搜索某些东西时..搜索后我得到的结果只有一页然后我得到了这个错误

ORIGINAL EXCEPTION: Expression has changed after it was checked. Previous value: '3'. Current value: '1'.

我知道这是因为我page:3在搜索结果之后,我只有1 page这就是分页行为不规则的原因。

有什么解决办法吗?

0 投票
1 回答
301 浏览

angular - 在 asp.net 核心中引用 ng2-bootstrap.umd.min.js 时出错

我正在尝试将 ng2-bootstrap 与 angular2 和 asp.net 核心一起使用。

我在 package.json 中引用了 "ng2-bootstrap": "^1.0.24"

当我尝试引用 node_models/ng2-bootstrap/bundles/ng2-bootstrap.umd.min.js 我收到以下错误

未捕获的错误:模块必须作为 AMD 或 CommonJS 加载

我该如何解决这个问题?谢谢马丁

0 投票
1 回答
567 浏览

angular - 无法将 DropdownModule 与 ng2-bootstrap 一起使用

当尝试将 DropdownModule 和 ButtonsModule 与 ng2-bootstrap 的最新(1.1.14)版本一起使用时,出现以下错误

我一直在使用带有 1.0.24 版本的 ng2-bootstrap 的 DROPDOWN_DIRECTIVES 和 BUTTON_DIRECTIVES。尝试转换时,我什至无法在我的 NgModule 中声明它而不会出现错误

这是我的模块

0 投票
2 回答
1411 浏览

angular - Ng2-datepicker 404 未找到最新的 RC

app.module.ts

索引.html

hero.component.ts

日期选择器 4o4 ng2-datepicker 的错误控制台未找到

我已经完成了 npm install ng2-datepicker --save 。有什么问题吗?请帮帮我。我知道这很简单,但我不知道为什么找不到 ng2-datepicker

Systemjs.config