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

angular - ngx-bootstrap 日期选择器角度 4

最近在我的一个使用 ngx-bootstrap 日期选择器的项目中升级到 angular 4.0.3,并且控制台上会弹出关于使用模板的警告已被弃用。有人知道是否有计划移动和使用 ng-template 吗?

提前致谢。

0 投票
1 回答
851 浏览

jquery-ui - 如何使用 ngX-bootstrap 添加弹出日期选择器?

如何使用 ngx-bootstrap 添加 datepickar?该项目使用 Angular2 typescript2 ngx-bootstrap。我正在做以下事情: 在 HTML 中:

在模块中:

0 投票
2 回答
2924 浏览

angular - Angular4 - ngIf else 带有标签

我有一个带有不同选项卡的对话框。我想将标签用于用户以及用户组。该对话框非常相似,因此我想将其用作通用对话框......从ngx-bootstrap(1.6.6)开始使用选项卡

我面临着不同的问题:

  1. if/else 的上述语法不起作用。即UserDetails显示的内容独立于所选选项卡。

    a) 为什么UserDetails所有选项卡中都显示 的内容?

    b) 如果我更改为 if/then/else-SyntaxUserDetails不会显示在所有选项卡中,但选项卡标题仍然存在。

  2. 显示顺序很烦人 - 即我在第一个位置看到权限选项卡 - 但我想把它放在最后一个位置。有没有办法实现它?注意:可能UserDetails会拆分为多个选项卡,该Permission选项卡可能不是将添加的最后一个选项卡。我正在寻找一个没有太多代码重复的解决方案。

  3. 如果我用于*ngIfadiv容器或 a是否有差异ng-container

老实说,我不知道这是否是错误ngx-bootstrap......但这也可能是语法的错误使用......

0 投票
1 回答
2080 浏览

twitter-bootstrap - 如何在服务器端渲染中使用 ngx-bootstrap 和 angular4

我已经安装了 ngx-bootstrap 并使用 angular-cli 1.0.1 并在Roberto Auler 的帖子的帮助下完成了通用设置。

我在 angular-cli.json 样式中添加了引导文件的路径

我正在使用 AlertModule 进行测试及其抛出错误

任何输入将不胜感激。

0 投票
9 回答
92147 浏览

angular - “ng-bootstrap”和“ngx-bootstrap”有什么区别?

ng-bootstrap和 和有什么不一样ngx-bootstrap?它们相互关联吗?还是它们只是并发实现?

是否有人与他们一起工作并且可以给出/解释两者的优缺点?

我的ng-bootstrap意思是ng-bootstrap.github

ngx-bootstrap我的意思是valor -software-ngx-bootstrap

两者都与 Angular 4(不是 AngularJS!)和 Bootstrap 4 有关。

请注意,这不是ngx-bootstrap 和 ng2 bootstrap 之间区别的重复问题吗?.

0 投票
4 回答
11059 浏览

angular - 使用 ngx-bootstrap 的 Angular Carousel

我已经按照使用 angular-cli 的入门指南进行操作,并且使用 Alert 模块进行了完整的演示。然后,我尝试按照此处所述添加轮播。

我在控制台中没有错误,但显示屏看起来是有线的,并且 Carousel 无法正常工作。这是它的样子 在此处输入图像描述

箭头有效,但标题超出图像,图像右侧的白色块。

我已经复制粘贴了组件代码以及 HTML,并尝试了上面链接中的前两个示例以确保。

有人可以帮我解决这个问题吗?

0 投票
1 回答
3105 浏览

angular - 如何在带有 SystemJs 模块系统的 Angular 4 应用程序中使用 ngx-bootstrap

我已经尝试了许多指定路径的变体,以允许 SystemJS 加载 ngx-bootstrap 包

但它仍然无法正确加载..

我在控制台中看到以下错误

0 投票
1 回答
10242 浏览

angular - 从 Route Guard 弹出模态对话框

从博客文章中,我们可以在用户无法访问路由时弹出一条消息。:

我想使用ngx-bootstrap显示一个模式对话框以允许用户登录。

我已经设法从主应用程序(例如不是我的子视图app.component.ts)中加载了一些简单的代码,例如

模态是从另一个 HTML 文件加载的(我在选择器 app-login 中包含了核心登录代码

编辑 我刚刚看过Angular2 DialogService – Exploring Bootstrap,看起来它可以完成这项工作,但它适用于 bootstrap4

0 投票
1 回答
3445 浏览

angular - ngx-bootstrap 工具提示中的 isDisabled 属性

我已经实现了 ngx-bootstrap 的工具提示,并且该工具提示在正常情况下工作正常。但我想有条件地显示工具提示。

当我包含 isDisabled 属性时,我在以下任何场景中都看不到工具提示。我错过了什么吗?

(或者)

0 投票
3 回答
1065 浏览

css - Angular2 根据组件选择器名称应用 css

我正在使用 ngx-bootstrap datepicker,它具有 daypicker、monthpicker 和 yearpicker 作为内部组件。我想将 css 应用于 daypicker 中存在的表。

CustomDatePickerComponent.ts

自定义日期选择器组件.html

自定义日期选择器组件.scss