问题标签 [ngx-bootstrap]

我正在使用 ngx-bootstrap 并遵循这样的不同实施建议或此处提出的解决方案。如果我像这样使用它

当用户更改日期时，我会收到通知

1. 日期选择
2. 月份选择
3. 年份选择

区分日选择和月或周选择。我知道我可以添加类似

并评估event.path()它是否包含daypicker, monthpicker or yearpicker. 但这种方法仅适用于 Chrome，不适用于 FF。

如果这是在日期选择中还是在其他一些选择中，有没有办法区分捕获的事件？

我试图按照我能找到的示例引入 ngx-bootstrap。

这是我所拥有的

package.json，在 devDependencies
"ngx-bootstrap": "^1.8.1"下

System.config.js

在app.module 中

在我的app.component.ts

当我运行时，我在控制台中收到错误，我错过了什么或者我踩到了什么？

加载资源失败：服务器响应状态为 404（未找到）：49766/ngx-bootstrap/alert

此外，参考这篇关于使用 System.js
How to use ngx-bootstrap in Angular 4 application with SystemJs module system的帖子

[更新 2 ]
看起来我还有其他问题，在 Visual Studio 的输出窗口中看到源映射 'data:application/json;base64,';' 对于文件 'mdha: http://localhost:49766/node_modules/systemjs/dist/system.src.js '由于错误而无法正确加载。

[更新 3 - 以防任何其他 system.js 用户发现此内容]
现在我的工作正常了...
@IlyaSurmay - 请随时在您的网站上为我们的新手使用其中的一些内容。

system.config.js

包.json

我正在尝试使用该服务显示模式并收到以下错误。我可以从按钮成功调用服务，但是从错误处理程序调用时会出现此错误。

这是我的调用代码：

和应用程序模块：

谁能帮我？

我正在尝试实现一个在模式中具有日期选择器的日期输入。文档涵盖日期选择器和模态 - 但不是组合。

我有点关注这个，但是我需要为模态创建一个完整的组件吗？我不确定如何构建它。

一个例子会很有帮助。

我无法弄清楚这里发生了什么 - 我已经包含了我认为基于文档正确的 ngx-dropdown 代码：

home.component.html

app.module.ts

site.module.ts（这是包含 home 组件的模块）

我正在使用 angular-cli 并且我已经包含了引导样式：

在index.html中，我添加了一个片段，让浏览器知道我正在使用 bootstrap 4：

按钮出现，并且控制台中没有显示错误。当我单击按钮时，我可以看到 dom 发生了变化（“打开”和“显示”被添加到样式中）。但是按钮下方没有任何东西打开 - 没有显示菜单。

我不知道还能去哪里看

我无法在我的工作场所访问 github。但我需要为我的开发获取 ngx-bootstrap 文件。请建议任何其他位置。

我正在使用 Angular 4.3.5 和 ngx-bootstrap 1.9.0。

我有一个模式，它有一个带有几个输入的反应形式，我想使用相同的模式来输入数据和编辑数据。我面临的问题是我无法访问在任何生命周期挂钩中传递给模式的对象（它是未定义的），因此我无法将数据绑定到表单。

这就是我传递对象的方式：

到目前为止，我在模态端尝试的一切都没有奏效。关于如何使这项工作的任何想法？

我正在尝试根据我从 ajax 调用获得的结果显示错误/确认/警报的模式。

带有 Ajax 调用的组件 -

模态服务 -

模态组件 -

模态组件 HTML -

调用组件（传递模态正文内容） -

应用组件 HTML -

我在调用组件时收到以下代码行的以下错误 -

错误类型错误：无法读取未定义的属性“showModal”

试图在 appcomponent 的 ngAfterViewInit() 中添加这一行，但没有奏效。请让我知道在我的情况下如何从 Appcomponent 调用 Modalcomponent 的方法。

更新

appcomponent.html 中的以下行导致了问题 -

我添加了以下内容并出现了模态 -

但是，我看到 glyphicon css 没有正确呈现。

我可以使它适用于警报、错误、信息的模态（尽管有 CSS 问题）。但是对于“确认”模式，我需要同时显示我之前使用 *ngIf 执行的确定和取消按钮。现在我正在单独渲染正文内容，我如何在页脚中单独显示“确认”模式的按钮？看起来我需要改变我目前正在做的方式，但不确定如何。

该应用程序使用 Angular 2 和 Bootstrap 3。需要为用户提供一个长长的值列表以供选择。我来到了 ngx-bootstrap Typehead 组件（http://valor-software.com/ngx-bootstrap/#/typeahead）。如何根据列表验证键入的值。使用默认配置，用户可以在输入中键入任何值并离开控件，而无需从列表中选择任何内容。我想强制用户从列表中进行选择，就像普通的下拉菜单一样，只是具有通过键入过滤值的额外能力。

我正在使用 angular 4 和 ngx-bootstrap 来打开模态。一切运行良好，我通过一个组件实现了模态。我还可以通过content. bsModalRef像这样：

这一切都很好，然后我的模态可以访问一个名为somedata. 极好的。我遇到的问题是我想对somedata. 假设somedata是一个带有数量的产品列表，我希望模态将数量减少到一个值。我怎么知道模态类中的数据何时可用？我可以使用setTimeouthack，它有效，但让我内心感到恶心。ngOnChanges是否有某种类似这样的生命周期钩子ngx-bootstrap实现，所以我可以知道何时设置数据属性，以及何时更改？