问题标签 [ngx-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 回答
4265 浏览

javascript - ngx-bootstrap 手风琴动态打开面板

我使用 ngx-bootstrap 手风琴来显示博客文章列表。

这是模板:

我还使用了一些全局配置,一次只有一个打开的手风琴面板。

现在,当帖子更新时,我会在列表中更新它,如下所示:

更新和滚动工作正常,但我不知道如何打开面板。视图更新并滚动后,所有面板都将关闭。我希望打开更新帖子的面板。

0 投票
2 回答
2991 浏览

angular - isDevMode / enableProdMode 错误:平台设置后无法启用 prod 模式

我刚刚将我们的项目升级到 Angular 4.1.0。这还包括将 webpack 升级到 2.2.1,以及将 ngx-boostrap 升级到 1.9.2 以及其他包升级。

升级所有这些之后,我在开发模式下使用 webpack 开发服务器测试了所有内容,一切都很好。然后我尝试了一个生产 webpack 构建。构建工作正常,但在运行我们的网站时,我立即收到错误“平台设置后无法启用 prod 模式”。

使用 Chrome 开发工具进行调查后,我可以看到 ngx-bootstrap/utils/warn-once.js 在启动期间调用 isDevMode()。这发生在 main.ts 中调用 enableProdMode() 之前。角度代码在检查后不允许更改模式,因此会引发错误。那部分我理解。

然而,我对 webpack 的了解仅限于它适用于我们的项目,仅此而已。我不知道这里有什么问题。是吗:

1) ngx-bootstrap 在启动时不应该调用 isDevMode() 。

2) 我的 webpack 配置不正确,并且应该在 main.ts 运行之后调用 isDevMode (但是我们的任何代码都没有改变,因为在升级之前一切正常)。

3) 别的东西

抱歉,这是一个模糊的问题。我只是对 webpack 没有足够的了解,无法更准确地问它。任何帮助将非常感激。

谢谢

0 投票
3 回答
50992 浏览

angular - 如何更改表单内Angular ngx-bootstrap的日期选择器中的日期格式

在 Angular 4 应用程序中使用 ngx-bootstrap Datepicker,

我知道通常您可以通过这种方式指定日期格式:

但是这次我在一个模板驱动的 Angular 表单中,所以我的输入没有绑定到myModel上面示例中的变量,而是绑定到表单:

那么在这种情况下如何指定日期格式?

编辑:看起来实现这一点的一种方法是newVar在组件内创建一个新变量,然后将其绑定[(bsValue)]="newVar"

但是我想知道是否有更好的解决方案。

0 投票
0 回答
1084 浏览

angular - Angular 4 / ngx-bootstrap BsModalService 与动态注入

我正在使用ngx-bootstrap和 Angular 4 特定的 ModalModule。

场景:我有三个组件Child从 Component Parent扩展。

我将尝试BsModalService使用构造函数注入父组件,但我收到了错误消息super(),因为缺少BsModalService参数。

我该如何解决?

我尝试使用ReflectiveInjector新的StaticInjector或简单的新 BsModalService 但我不知道如何获取和传递参数ComponentLoaderFactory

拜托我需要你的帮忙

0 投票
1 回答
1461 浏览

angular - ngx bootstrap:如何从嵌套模态中获取数据?

我有一个 Angular 组件,它BsModalService使用ngx-bootstrap. content我可以使用该属性将数据传递给我的嵌套组件。到目前为止,这运作良好。

在这个模式上,有一个按钮应该打开另一个模式来提示用户输入(文本区域)。当用户在第二个模式上按下提交时,两个模式都必须关闭,并且父组件必须调用 REST 服务并传递在 textarea 中捕获的原因(通过第二个模式)。

我得到了一切工作,但无法找到一种干净的方式将文本区域的值传递给原始组件。

将不胜感激有关如何将数据从第二个嵌套模式返回到父组件的输入和建议。

这是我的代码(为简洁起见,导入/其他代码省略/重命名):

在父组件中:

}

在 parentComponent 的 HTML 模板中:

这是 firstModalComponent 的相关代码:

如何将数据从第二个嵌套模式取回父组件?

0 投票
3 回答
1727 浏览

node.js - 找不到名称部分

我正在使用ngx-bootstrap 1.9.2npm 包,但是当我尝试编译时,我的项目 angular 会引发以下错误:

C:/xxx/xx/node_modules/ngx-bootstrap/datepicker/bs-datepicker.component.d.ts (46,15) 中的错误:找不到名称“部分”。

C:/xxx/xx/node_modules/ngx-bootstrap/datepicker/bs-daterangepicker.component.d.ts (45,15) 中的错误:找不到名称“部分”。

由于在 ts 版本 2.1 中引入了 Partial,我尝试将 typescript 版本从 2.0.0 升级到 2.5.2 没有任何帮助。

0 投票
0 回答
53 浏览

html - Popover 的位置在焦点上改变

我正在使用 ng2-bootstrap 弹出框,并且在尝试通过弹出框内的跨度进行制表符时遇到问题。这是代码:

每当我通过 *ngFor 中包含的跨度进行选项卡时,popover-container 的“左”样式属性从 1066 像素更改为 1068 像素。

有没有办法防止在选项卡时更改样式属性?

0 投票
1 回答
1023 浏览

angular - Bootstrap Dropdown 移动到左下角

代码片段及其显示方式 我正在使用ngxbootstrap和编写下拉菜单angular。下拉按钮位于“”旁边>。我希望菜单会在按钮下方弹出。但是,它会在 Application span 下移动并弹出。我究竟做错了什么?

0 投票
1 回答
439 浏览

angular - Angular 4 数据表页面操作不起作用。NGX商店,效果

当我单击转到页面时,它会一直转到第 1 页。我基于现有功能。对我来说,Angular 4 是相当新的。不久前我从 Angular 1 开始。

奇怪的是页面组件中的 console.log 不止一次被触发。第一次使用正确的页码。但是又是第 1 号。我整天都在看它。但这完全是奇怪的。

在我的页面中,我有:

在组件.ts

在我的效果中,我有:

在我的行动中,我有:

减速器:

这是我的服务

0 投票
2 回答
6387 浏览

javascript - 使用多个引导模式(ngx-bootstrap 和 Angular)时遇到问题

我在 Angular 4 中使用多个引导模式确实有问题。也许你可以帮我解决这个问题。该代码仅使用一种模式就可以正常工作。我无法使用第一个加载模式的按钮/表单。第二个工作正常。打开和关闭第二个模态后,第一个模态也起作用了……奇怪。有什么不对?

谢谢你们的时间!

更新:通过在代码中切换模态序列,也会出现问题,但仅就其他模态而言。