问题标签 [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 投票
2 回答
1925 浏览

angular - 如何延迟 ngx-bootstrap 工具提示?

有没有办法在鼠标移出时延迟删除工具提示?
我在跨度中使用它:

0 投票
2 回答
1200 浏览

angular - 如何使用 ngx-bootstrap 模式获得响应“是”或“否”

我正在使用 ngx-bootstrap 模态,但我想使用这样的东西

这样我就可以在要执行这两个操作的任何地方使用此方法。这可能吗?

0 投票
0 回答
809 浏览

javascript - Ngx Bootstrap 模板模态在隐藏时从 Dom 中销毁/删除

创建模板模态

http://valor-software.com/ngx-bootstrap/#/modals#directive-section

嗨,如上所示,使用模板创建模式将在模板被隐藏时破坏模板。然而; 我不想被隐藏。那是因为,我使用模式从列表中多次选择某些属性。因此,每次,我都必须加载模态。这会导致性能问题。因此,有没有办法阻止它从 dom 中删除模态。

0 投票
2 回答
1593 浏览

ng-bootstrap - "Angular powered bootstrap" is "ngx-bootstrap"?

I am making a project using "Angular powered Bootstrap", but after 4 weeks of development I found out that there is also something like "ngx-bootstrap".

  • Are they the same thing? - If not, then which one of them is ng-bootstrap ?
  • Is ngx-bootstrap dead ?
0 投票
0 回答
2505 浏览

angular - 使用 ngx-bootstrap datepicker 的正确方法是什么?

我有一组要渲染的“字段”对象。当 field.type 是 date 我想渲染一个 ngx-bootstrap/datepicker 字段。我的日期字段的 JSON 对象如下所示:

我正在尝试像这样渲染它:

但我得到这个错误:

ngModel 不能用于使用父 formGroup 指令注册表单控件。尝试改用 formGroup 的合作伙伴指令“formControlName”。

我看到 datepicker 示例使用“bsValue”来绑定,但我不想硬编码它,因为我的组件简单地呈现了数组中的任何“字段”,并且应该将值绑定回该数组的 value 属性。直到第一次保存值属性不存在。

我究竟做错了什么?

0 投票
2 回答
4107 浏览

angular - ngx-bootstrap tooltip not showing up in angular2

I have an angular-cli application and need to include tooltip for a button here is my app.module.ts

here is my html for button

<button type="submit" [disabled]="!benefitScheduleForm.valid" class="btn btn-md btn-primary" style="float:left;">Add</button> <button type="button" tooltip="mytooltip" class="btn btn-md btn-primary" style="float:right;" (click)="cancel()">Cancel</button> </div>

Can anybody help me out?

0 投票
1 回答
1749 浏览

angular2-template - 显示弹出框,其中包含特定于从显示的图像列表中单击的图像的内容

我在我的项目中使用 Angular 2。我遇到了库: http: //valor-software.com/ngx-bootstrap/#/popover在单击项目时显示弹出窗口。基本上,我使用 ngFor 循环在页面上显示了几个图像,如下所示:

其中 items 是从控制器类返回的数组。

现在,对于上面显示的每个图像,当我悬停时,我想显示一个弹出框,并且要显示在相应弹出框上的内容取决于存储在上面的 item 对象中的各种值。我如何实现这一目标?弹出内容需要非常特定于单击特定图像的“项目”对象。

上面链接中的示例似乎没有提供有关如何根据从项目列表中单击的特定项目在弹出窗口中显示数据的信息。

0 投票
1 回答
709 浏览

angular2-template - ngx bootstrap popoverTitle 呈现为 HTML

我正在使用 ngx bootstrap popver:http: //valor-software.com/ngx-bootstrap/#/popover#popover-directive。我能够将弹出框体呈现为 HTML。但是,这不适用于 PopoverTitle。文档说 popover 类型是 string | TemplateRef 和 PopoverTitle 是一个字符串,所以我可能无法像对 popover 正文所做的那样,将标题呈现为 popovertitle 的 html。在下面的代码中:我按预期将弹出框正文内容作为 HTML。但是,不适用于 popoverTitle。

我认为这是因为 popoverTitle 不支持 TemplateRef。在那种情况下,无论如何将popoverTitle字符串呈现为HTML(原因是我的标题内容不是纯文本,我还需要放置图像和其他html内容)

0 投票
1 回答
1691 浏览

angular - ngx bootstrap popover 将 html 字符串创建移动到 HTML 模板文件

我正在使用 ngx 引导程序http://valor-software.com/ngx-bootstrap/#/popover#popover-directive

我正在使用动态 html 样式在弹出框正文中显示 html,如下所示:

在控制器中:

现在,使用上述方法,我必须在控制器等中构建我的 HTML 字符串,因为它是 HTML,有没有一种干净的方法可以在 HTML 模板文件本身中构建它?我不想将 html 字符串创建放在控制器或任何其他打字稿辅助函数中。HTML 在 HTML 模板本身中看起来会更好。可能吗?

0 投票
2 回答
4929 浏览

angular - ngx-bootstrap typeahead 不显示下拉菜单

我正在将一个应用程序从 AngularJS 迁移到 Angular,并且我已经用新的 typeahead 实现碰了壁,现在已经有一天了,我尝试了几个 API,最终决定选择最相似的一个我在 AngularJS 版本中使用的是什么(这个

所以,在我的模板中我这样做:(你也可以在底部找到 pluker 链接)

针对这个component.ts:

和module.ts:

出版物数组是一个简化的数组,我创建它是为了测试预输入,它应该只显示名称属性与在输入框中键入的内容最相似的对象列表,但它绝对什么都不做。

在 Web Developer 工具上进行调试时,我可以看到当我在框中键入时触发 ng-blur 选项,但从那里没有任何反应

控制台没有错误,占位符显示正常,直到我开始输入,这是预期的行为

我希望有人帮我解决这个难题,但如果有人也能指出如何调试这样的问题,那就太好了?

编辑:添加plunker