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

angular - ngx-bootstrap Bootstrap4:关闭模式后仍然存在

我在使用带有 Bootstrap 4 的 ngx-bootstrap 时遇到问题:成功打开模式后,如果我关闭它,我可以看到背景覆盖了我的所有页面,因此我的应用程序无法使用。

如果我在打开模式时使用配置参数 { background: false } ...当我关闭它时,没有背景可见,但 body 元素获得了 modal-open 类,所以我的应用程序再次完全无法使用。

有代码:

组件:product-list.component.ts

组件模板:product-list.component.html

我希望任何人都可以帮助我,我还没有找到任何解决方案,我尝试尽可能接近 ngx-bootstrap doc 上的演示,但是......没办法。

提前致谢!!

0 投票
1 回答
546 浏览

angular - 如何创建未知数量的 bs-sortable 元素?Angular4 ngx-bootsrap

是否有可能以某种方式创建 bs-sortable 元素*ngFor?当我尝试这个(下面的代码)时,浏览器中的整个页面都会冻结。

我想创建未知数量的可排序元素。它们之间是可排序的。

我正在使用 Angular 4、ngx-bootstrap、bootstrap 4、angularCLI

app.component.ts

app.component.html

app.module.ts

0 投票
9 回答
57219 浏览

angular - ngx-bootstrap modal:如何从模态中获取返回值?

在我的 Angular 4 应用程序中,假设我在服务中。

在某些时候,我想要求用户确认,目前我只是一个confirm(...)请求:

相反,如果我想显示一个带有两个按钮“是”或“否”的ngx-bootstrap 模式并获得类似的结果怎么办?


编辑:就我而言,我通过玩主题解决了我的问题。在这里你可以找到我的解决方案,以防它对其他人有用。然而,该解决方案并没有解决这个关于从模态返回值的问题,所以我让它保持打开状态。

0 投票
3 回答
4006 浏览

ngx-bootstrap - ngx-bootstrap BsDatepickerModule 不起作用

我将 ngx-bootstrap v1.9.3 安装到我的 Angular 4 项目中。我尝试使用 a BsDatepickerModule但它对我不起作用。

此错误消息指出:

404 获取 /bs-datepicker-view.html

我的项目代码:

0 投票
8 回答
23961 浏览

angular - Angular 在 canDeactivate Guard 服务中使用模态对话框进行未提交的更改(表单脏)

在我的 Angular 4 应用程序中,我有一些带有表单的组件,如下所示:

他们使用 Guard 服务来防止未提交的更改丢失,因此如果用户在请求确认之前尝试更改路由:

这是使用一个简单的confirm(...)对话框,它工作得很好。

但是,我想用更花哨的模态对话框替换这个简单的对话框,例如使用ngx-bootstrap Modal

我怎样才能使用模态来实现相同的结果?

0 投票
2 回答
4433 浏览

angular - 工具提示在角度组件测试中不起作用(来自 ngx-bootstrap)

我正在使用来自 ng2-bootstrap 的 TooltipModule,最近切换到 ngx-bootstrap。工具提示在我的应用程序中运行良好 - 没有问题。但是,在我的 Angular 组件测试中,当我导入以下内容时:

然后在 TestBed 中,导入以下内容:

不呈现工具提示。我在浏览器的元素选项卡下的开发控制台中看不到工具提示。当我使用从 ng2-bootstrap 导入时:

一切正常。我看到呈现的工具提示。

这里有什么问题?工具提示在我的应用程序中运行良好。仅在 Angular 测试中,我遇到了问题。我是否需要在测试中做任何不同或额外的事情才能使工具提示在 ngx-bootstrap 中工作?

0 投票
1 回答
38 浏览

twitter-bootstrap - how to create pop-over screen in angular 2

I want to create page which contain some data. that page can be open on click on something. i opening this page from parent.

so my question is that what should i use ? .whether i use modal or something .

below image shows :

enter image description here

or i will use simple horizontal form. above image will open by there is button on left hand side.when i click on that it will open , i am confuse.

0 投票
2 回答
4361 浏览

twitter-bootstrap - ngx-bootstrap 工具提示箭头用不同颜色的边界改变颜色

在此处输入图像描述

我正在使用 ngx 引导工具提示。我正在尝试将箭头的颜色更改为:

问题是整个箭头变成与页面背景白色相匹配的白色,因此变得不可见。我想让箭头的两个边界保持不同的颜色,比如说“黑色”,所以我看到一个带有两个黑色边界的白色箭头。我希望它看起来有点像上面附上的这张图片:

0 投票
2 回答
1617 浏览

angular - 多个日期选择 ngx-bootstrap

他们是在 ngx-bootstrap 的 datepicker 中激活多选的方法吗?我在这里找到了一个 hack ,但这是使用angularjs但我目前正在开发的Angular 2。谁能帮忙。

0 投票
1 回答
511 浏览

angular - 由选项卡组成的模态弹出窗口 deosnt 使用角度 2 应用活动类颜色

在此处输入图像描述在此处输入图像描述我确实有一个模态弹出窗口,其中在模态正文选项卡中。当我调用模式弹出但未应用活动选项卡颜色时。我使用 angular 2 将模态 ngx-bootstrap 用于模态弹出窗口和材质选项卡模块。任何帮助都会很棒。

材料成分链接