问题标签 [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.
angular - 如何在angular2中重置'ss-multiselect-dropdown'
我使用这个包在 angular2 中为我的表单使用了多选下拉控件:https ://github.com/softsimon/angular-2-dropdown-multiselect
单击表单的重置按钮时,我想重置此控件。
任何帮助将不胜感激。谢谢
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
- 字体真棒
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 中所有第三方库的问题。那么,如何正确导入这些库?
angular - 当同一模板中有多个指令实例时,如何调用指令的方法?
我有一个带有多个下拉菜单的导航栏。我正在使用 ngx-bootstrap 提供的指令来处理下拉行为。我想通过在鼠标悬停时打开下拉菜单并在鼠标悬停时关闭它们来添加自定义功能。我需要在鼠标移出时调用 BsDropdownToggleDirective 的 onEsc() 函数。当我使用@ViewChild 实现它时,它仅适用于第一个下拉列表,而不适用于第二个。当我删除第一个下拉列表时,第二个下拉列表起作用。我如何为打开的下拉菜单调用 onEsc() ?
顶部菜单链接.component.ts
顶部菜单链接.component.html
angular - ngx-bootstrap timepicker 时区偏移导致 SQL 保存错误时间
将 timepicker 模块与所有默认选项一起使用,除了将 minutestep 设置为 1。
代码行如下
将数据记录为 Wed May 31 2017 19:51:00 GMT-0400(东部夏令时间)
它最初显示,但一旦保存回 SQL,它就会转换为“2017-05-31T23:51:00”,它按时间偏移量前进。我怎样才能否定这一点?
angular - 如果名称值重复,如何告诉 .find() 找到正确的 id?
在我的应用程序中,我有一个预先输入(自动完成)。到目前为止,它运行良好,但我发现重复name
值存在一些问题。我必须发送并且我id
的name
typeahead 建议name
值。如果我键入一个name
重复的,无论我从预先输入的哪个重复值中选择,它总是发送id
列表中的第一个对象。
我怎么知道.find()
要搜索选择的值,而不是列表中的第一个?现在,如果我在输入字段中输入“wolny”并按回车,它将传递464
. WOLNY
例如,即使我单击带有619
值的“WOLNY”,它仍然是 pass 464
。
我不能id
在 typeahead 中建议 ',因为:
- 项目需要输入名称,而不是 ID
- 给我的 API 不接受名称
我将 typeahead 用于 ngx-bootstrap 库。这就是 typeahead 的样子(灰色数字是id
特定name
s 的 s):
服务 - 提前输入
零件
模板
谢谢
angular - ngx-bootstrap 错误错误:未捕获(承诺中):TypeError:v不是函数
我有两个运行我的应用程序的环境,这个组件可以在一个环境中运行,但不能在另一个环境中运行。
我在 package.json 中导入如下
(我最近尝试从“ng2-bootstrap”升级:“^1.6.1”,尝试解决问题)。在 app.module 中,我导入如下:
我在导入中导入此模块,如下所示:
在反应形式中:
在 ts 组件中:
where ... 代替与此问题无关的字段。它工作正常,使用模板表单,但我希望转向反应式表单。反应形式可以在一台机器上工作,但不能在另一台机器上工作。
angular - 如何为 Ngx-Bootstrap 下拉菜单制作动画?
我正在使用ngx-bootstrap
我的项目,尤其是 Dropdown。
我想在这里添加一些动画,但不知道该怎么做。有没有推荐的方法来添加动画ngx-bootstrap/dropdown
?
javascript - 为什么仅在添加 ngx-bootstrap 时出现“traceur 404(未找到)”?
该应用程序运行良好,直到我尝试添加“ngx-bootstrap”,以下是错误。
尝试了很多解决方案,例如: - 更新 systemjs.config.js - 检查打字稿注释 (/**) - 以 .TS 的形式导入 umd 文件
但他们都无法解决错误,谁能解释我做错了什么?任何建议挪用...
app.component.ts
app.module.ts
systemjs.confing.js
angular - ngx-bootstrap 弹出窗口关闭外部点击
我正在尝试创建一个 Angular 4 自定义表单控件作为我的日期选择器。我正在使用 ngx-bootstrap,到目前为止,我已经使用 ngx-bootstrap 的输入、日期选择器和弹出框组件设置了这个自定义表单控件。自定义控件打开一个带有焦点的日期选择器的弹出框,但是,我需要能够通过与弹出框内容交互来更改日期,并且当我没有与弹出框或输入交互时它应该关闭。我试图关注ngx-bootstrap github 问题上的 hack 。但是它不适用于我的情况。任何帮助,将不胜感激。
日期选择器.component.html
日期选择器.component.ts
即使我在输入或弹出框之外单击,它也会保持打开状态。当使用模糊事件时,我什至无法与日历交互。它甚至在我选择日期之前就会关闭。