问题标签 [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.
angular - Angular2 ng2-bootstrap 折叠添加过渡/动画
我正在使用这个 https://valor-software.com/ng2-bootstrap/#/collapse 我想在高度 0 上添加动画/过渡 - 自动但我们都知道你不能在高度自动上添加过渡. 我想添加一个带有持续时间的 slideToggle 效果。试图寻找解决方案超过3天...
有没有已知的解决方案?
angular - Angular2 rc5 中 ng2-bootstrap 模态的怪癖
我一直在使用 Angular2 构建日历应用程序,最近升级到 rc5。我的日历允许用户通过使用详细模式创建/编辑约会详细信息,然后显示更改并提示用户在另一个模式中确认更改。它还允许用户拖放事件并相应地计算新的日期/时间。该应用程序在升级到 rc5 之前运行良好。自升级以来,当用户将事件拖到新时间时,确认模式打开并显示最后的更改,并且只有当用户在模式内单击时,它才会更新以反映新的更改。
预期流程:拖放 -> 更新值 -> 打开显示以显示新更改
当前流程:拖放->打开显示->(在模式中单击时)更改值以反映新的事件时间
我没有更改我的代码,所以我怀疑 rc5 处理模态的方式有一些变化。我正在使用“ng2-bootstrap”,细节编辑流程仍然正常工作。
viewProviders:[BS_VIEW_PROVIDERS] 指令:[MODAL_DIRECTIVES]
拖放处理程序:
详细响应处理程序:
如果需要,我可以强制模式上的一个事件来欺骗它进行更新,但这似乎很草率。有没有一种干净的方法来强制模式更新?
calendar.component.html
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 函数,就会解析该函数。
谢谢,
angular - 在 Angular 2 打字稿中的页面加载时打开 ng2bootstrap 模式
基本上,我想在页面加载完成后立即使用 Angular 2 打字稿打开一个引导模式。
截至目前,模态获取在单击按钮时打开。我尝试使用 this.smModal.show() ,您将在下面找到它,但它给出了如下错误 -
例外:错误:未捕获(承诺):TypeError:无法读取未定义的属性“背景”
home.component.ts 文件是
html如下
angular - 使用 SystemJS 将 ng2-bootstrap 添加到 Angular2 启动器
我正在尝试将ng2-bootstrap 模式功能添加到使用angular2-starter的项目组件中
这是我的 systemjs.conf.js
我以这种方式将 ModalDirective 导入到我的组件中
包.json
这是我得到的错误:
javascript - 如何使用纯 javascript 导入 angular2 ng2-bootstrap
我想将 ng2-bootstrap 导入到我用纯 javascript 而不是 typescript 编写的 angular2 中,我找不到任何资源来做这件事,任何人都可以帮助我提供样本吗?
我还在 html 文档中添加了对 ng2-bootstrap.js 文件的引用
应用程序.AppMod
angular - Angular2:未满足的同行依赖
我正在尝试使用此命令在 Angular2 中使用 npm 安装引导程序
npm install --save ng2-bootstrap
但是我在控制台中收到以下错误和警告
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 中的导入是正确的,并且一切都应该从那里开始工作,但我显然遗漏了一些东西。
javascript - 如何使用带有角度 cli 的引导网格?
我做了:
然后打开 angular-cli-build.js 并添加了这一行
写在 src/system-config.ts
和
但是没有来自cdn的链接
我不能使用样式引导程序。我可以用它做点什么吗?