问题标签 [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 投票
1 回答
13037 浏览

angular - Angular2 ng2-bootstrap 折叠添加过渡/动画

我正在使用这个 https://valor-software.com/ng2-bootstrap/#/collapse 我想在高度 0 上添加动画/过渡 - 自动但我们都知道你不能在高度自动上添加过渡. 我想添加一个带有持续时间的 slideToggle 效果。试图寻找解决方案超过3天...

有没有已知的解决方案?

0 投票
1 回答
370 浏览

angular - Angular2 rc5 中 ng2-bootstrap 模态的怪癖

我一直在使用 Angular2 构建日历应用程序,最近升级到 rc5。我的日历允许用户通过使用详细模式创建/编辑约会详细信息,然后显示更改并提示用户在另一个模式中确认更改。它还允许用户拖放事件并相应地计算新的日期/时间。该应用程序在升级到 rc5 之前运行良好。自升级以来,当用户将事件拖到新时间时,确认模式打开并显示最后的更改,并且只有当用户在模式内单击时,它才会更新以反映新的更改。

预期流程:拖放 -> 更新值 -> 打开显示以显示新更改

当前流程:拖放->打开显示->(在模式中单击时)更改值以反映新的事件时间

我没有更改我的代码,所以我怀疑 rc5 处理模态的方式有一些变化。我正在使用“ng2-bootstrap”,细节编辑流程仍然正常工作。

viewProviders:[BS_VIEW_PROVIDERS] 指令:[MODAL_DIRECTIVES]

拖放处理程序:

详细响应处理程序:

如果需要,我可以强制模式上的一个事件来欺骗它进行更新,但这似乎很草率。有没有一种干净的方法来强制模式更新?

calendar.component.html

0 投票
1 回答
5381 浏览

angular - TypeError:无法读取未定义的 ng2-bootstrap typeahead 的属性“切片”

我正在尝试设置 Google 地图自动完成功能。但我收到了这个错误

我在这里遵循了这个例子:https ://valor-software.com/ng2-bootstrap/index-bs4.html#/typeahead

在我的控制器中:

获取预测函数:

我的观点是这样的:

我在控制台中得到以下转储。

createvent.component.ts:82 中的对象是 Google 位置对象。

任何帮助表示赞赏。

更新 1 我看到了 typeahead.ts 并发现每次_matches都未定义。我觉得地图一旦遇到 getPrediction 函数,就会解析该函数​​。

谢谢,

0 投票
1 回答
193 浏览

angular - Angular2 ng2-bootstrap UNMET PEER DEPENDENCY

我正在尝试使用 npm 安装 ng2-bootstrap,但它给出了以下错误/警告:

未满足的对等依赖

我怎样才能解决这个问题?

0 投票
2 回答
4002 浏览

angular - 在 Angular 2 打字稿中的页面加载时打开 ng2bootstrap 模式

基本上,我想在页面加载完成后立即使用 Angular 2 打字稿打开一个引导模式。

截至目前,模态获取在单击按钮时打开。我尝试使用 this.smModal.show() ,您将在下面找到它,但它给出了如下错误 -

例外:错误:未捕获(承诺):TypeError:无法读取未定义的属性“背景”

home.component.ts 文件是

html如下

0 投票
2 回答
412 浏览

angular - 使用 SystemJS 将 ng2-bootstrap 添加到 Angular2 启动器

我正在尝试将ng2-bootstrap 模式功能添加到使用angular2-starter的项目组件中

这是我的 systemjs.conf.js

我以这种方式将 ModalDirective 导入到我的组件中

包.json

这是我得到的错误:

0 投票
0 回答
94 浏览

javascript - 如何使用纯 javascript 导入 angular2 ng2-bootstrap

我想将 ng2-bootstrap 导入到我用纯 javascript 而不是 typescript 编写的 angular2 中,我找不到任何资源来做这件事,任何人都可以帮助我提供样本吗?

我还在 html 文档中添加了对 ng2-bootstrap.js 文件的引用

应用程序.AppMod

0 投票
1 回答
4104 浏览

angular - Angular2:未满足的同行依赖

我正在尝试使用此命令在 Angular2 中使用 npm 安装引导程序

npm install --save ng2-bootstrap

但是我在控制台中收到以下错误和警告

0 投票
1 回答
1089 浏览

angularjs - 使用 ng2-bootstrap 和 Angular 2 RC 6 - 不能绑定到不能绑定到 [...] 因为它不是 [...] 的已知属性

我刚刚开始使用 Angular 2 (RC 6),但在使用 ng2-bootstrap 时遇到了问题。我知道 RC 6 是最近才问世的,但我认为这只是我做错的事情而不是错误。

我正在尝试从 ng2-boostrap 演示页面重新创建一个基本演示,特别是 typeahead box 演示。这是我的AppModule

然后是app.component:

相关的 HTML 片段:

我得到的错误是这样的:

最后,这是我的系统 js 配置:

有没有人有什么建议?据我目前所见,应该在 SystemJS 中加载 ng2-bootstrap,我认为在 AppModule 中的导入是正确的,并且一切都应该从那里开始工作,但我显然遗漏了一些东西。

0 投票
1 回答
499 浏览

javascript - 如何使用带有角度 cli 的引导网格?

我做了:

然后打开 angular-cli-build.js 并添加了这一行

写在 src/system-config.ts

但是没有来自cdn的链接

我不能使用样式引导程序。我可以用它做点什么吗?