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

angular - 如何在angular2中重置'ss-multiselect-dropdown'

我使用这个包在 angular2 中为我的表单使用了多选下拉控件:https ://github.com/softsimon/angular-2-dropdown-multiselect

单击表单的重置按钮时,我想重置此控件。

任何帮助将不胜感激。谢谢

0 投票
1 回答
1164 浏览

angular - 未删除 ngx-bootstrap 选项卡

我目前使用的方法类似于在演示站点http://valor-software.com/ngx-bootstrap/index-bs4.html#/tabs#dynamic

我的最终目标是为每条记录打开标签。有些记录可能有 1 个选项卡,有些记录可能有 10 个选项卡。似乎该对象显示了正确数量的选项卡,但选项卡并未从 DOM 中删除。

这是我的 HTML 页面的片段:

以下是我的 TS 页面的一些片段:

我在这里有什么明显的遗漏吗?任何想法为什么这可能不会删除页面上显示的标签?实际的选项卡仍在显示,但如果您单击它,则其中没有内容。在页面重新加载时,仅显示正确的选项卡,或者如果您转到不同的路线并返回。

这是我正在使用的一些工具的简要介绍。

  • 角 4.1
  • 引导程序 v4
  • ngx-bootstrap 1.6.6
  • 字体真棒
0 投票
2 回答
1831 浏览

angular - 如何在 Angular Universal 中导入 Material Module 或 NgxBootstrap?

目前我正在尝试使用 Angular Universal 构建一个项目。我正在使用 Angular 4。如果我导入 Material Module - 可以构建项目,但是通过 ts-node 提供服务时会出现错误 -

或者,如果我尝试导入 NgXBootstrap,则会出现此错误 -

我正在关注这个项目结构 - https://github.com/designcourse/angular-seo

我在这里粘贴代码 -

app.module.ts

app.server.module.ts

服务器.ts

我想这是 Angular Universal 中所有第三方库的问题。那么,如何正确导入这些库?

0 投票
1 回答
1001 浏览

angular - 当同一模板中有多个指令实例时,如何调用指令的方法?

我有一个带有多个下拉菜单的导航栏。我正在使用 ngx-bootstrap 提供的指令来处理下拉行为。我想通过在鼠标悬停时打开下拉菜单并在鼠标悬停时关闭它们来添加自定义功能。我需要在鼠标移出时调用 BsDropdownToggleDirective 的 onEsc() 函数。当我使用@ViewChild 实现它时,它仅适用于第一个下拉列表,而不适用于第二个。当我删除第一个下拉列表时,第二个下拉列表起作用。我如何为打开的下拉菜单调用 onEsc() ?

顶部菜单链接.component.ts

顶部菜单链接.component.html

0 投票
3 回答
4611 浏览

angular - ngx-bootstrap timepicker 时区偏移导致 SQL 保存错误时间

将 timepicker 模块与所有默认选项一起使用,除了将 minutestep 设置为 1。

代码行如下

将数据记录为 Wed May 31 2017 19:51:00 GMT-0400(东部夏令时间)

它最初显示,但一旦保存回 SQL,它就会转换为“2017-05-31T23:51:00”,它按时间偏移量前进。我怎样才能否定这一点?

0 投票
0 回答
115 浏览

angular - 如果名称值重复,如何告诉 .find() 找到正确的 id?

在我的应用程序中,我有一个预先输入(自动完成)。到目前为止,它运行良好,但我发现重复name值存在一些问题。我必须发送并且我idnametypeahead 建议name值。如果我键入一个name重复的,无论我从预先输入的哪个重复值中选择,它总是发送id列表中的第一个对象。

我怎么知道.find()要搜索选择的值,而不是列表中的第一个?现在,如果我在输入字段中输入“wolny”并按回车,它将传递464. WOLNY例如,即使我单击带有619值的“WOLNY”,它仍然是 pass 464

我不能id在 typeahead 中建议 ',因为:

  • 项目需要输入名称,而不是 ID
  • 给我的 API 不接受名称

我将 typeahead 用于 ngx-bootstrap 库。这就是 typeahead 的样子(灰色数字是id特定names 的 s):

在此处输入图像描述

服务 - 提前输入

零件

模板

谢谢

0 投票
1 回答
806 浏览

angular - ngx-bootstrap 错误错误:未捕获(承诺中):TypeError:v不是函数

我有两个运行我的应用程序的环境,这个组件可以在一个环境中运行,但不能在另一个环境中运行。

我在 package.json 中导入如下

(我最近尝试从“ng2-bootstrap”升级:“^1.6.1”,尝试解决问题)。在 app.module 中,我导入如下:

我在导入中导入此模块,如下所示:

在反应形式中:

在 ts 组件中:

where ... 代替与此问题无关的字段。它工作正常,使用模板表单,但我希望转向反应式表单。反应形式可以在一台机器上工作,但不能在另一台机器上工作。

0 投票
0 回答
607 浏览

angular - 如何为 Ngx-Bootstrap 下拉菜单制作动画?

我正在使用ngx-bootstrap我的项目,尤其是 Dropdown。

我想在这里添加一些动画,但不知道该怎么做。有没有推荐的方法来添加动画ngx-bootstrap/dropdown

0 投票
1 回答
903 浏览

javascript - 为什么仅在添加 ngx-bootstrap 时出现“traceur 404(未找到)”?

该应用程序运行良好,直到我尝试添加“ngx-bootstrap”,以下是错误。

尝试了很多解决方案,例如: - 更新 systemjs.config.js - 检查打字稿注释 (/**) - 以 .TS 的形式导入 umd 文件

但他们都无法解决错误,谁能解释我做错了什么?任何建议挪用...

app.component.ts

app.module.ts

systemjs.confing.js

0 投票
1 回答
6121 浏览

angular - ngx-bootstrap 弹出窗口关闭外部点击

我正在尝试创建一个 Angular 4 自定义表单控件作为我的日期选择器。我正在使用 ngx-bootstrap,到目前为止,我已经使用 ngx-bootstrap 的输入、日期选择器和弹出框组件设置了这个自定义表单控件。自定义控件打开一个带有焦点的日期选择器的弹出框,但是,我需要能够通过与弹出框内容交互来更改日期,并且当我没有与弹出框或输入交互时它应该关闭。我试图关注ngx-bootstrap github 问题上的 hack 。但是它不适用于我的情况。任何帮助,将不胜感激。

日期选择器.component.html

日期选择器.component.ts

即使我在输入或弹出框之外单击,它也会保持打开状态。当使用模糊事件时,我什至无法与日历交互。它甚至在我选择日期之前就会关闭。 在此处输入图像描述