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

angular - 模块“/Users/***/my-app4/src/app/datepicker/datepicker.component”没有导出成员“DatepickerModule”

我已经问过以下问题。 ngx-bootstrap datepicker 不起作用 现在我面临一个新问题。我分离了文件,出现了新的错误。/Users/ /my-app4/src/app/app.component.ts (2,10) 中的错误:模块 '"/Users/ /my-app4/src/app/datepicker/datepicker.component"' 没有导出成员“日期选择器模块”。

你可以帮帮我吗?

app.component.ts

app.module.ts

./datepicker/datepicker.component.html

./datepicker/datepicker.component.ts

0 投票
3 回答
1706 浏览

bootstrap-datepicker - ASP.NET 样板日期选择器

我正在使用带有 Angular 2 版本 2.0.2 的 ASP.NET Boilerplate Core,它仍然使用ngx-bootstrap主题,就像最新的 Material 主题一样。

是否有内置的 datepicker 或者我必须按照旧论坛的说明自行加载 bootstrap-datepicker?

附带说明:免费模板是否实现了 Metronic 主题,还是已将其删除并且仅在 ASP.NET Zero 中可用?

0 投票
1 回答
4441 浏览

angular - 从其他组件打开模态组件

我有一个组件,它包含一个模式。

我打开模态@ViewChild('lgModal') modal;并调用this.modal.show();

但我想分离 HTML,那么是否可以B从组件中调用组件A

0 投票
2 回答
2760 浏览

angular - ngx-bootstrap 预输入可观察

所以我有一个预先输入的输入字段,如下所示:

还有一个 Observable 可以帮助我提前输入建议。

我的问题是即使我的输入字段值长度小于 3,即使我设置了 Observable 也会发送请求typeaheadMinLength="3"。当用户输入一个值然后快速删除一些字符(比我的去抖动时间快)然后尝试输入一个新值时,就会发生这种情况。我的建议 API 在收到长度小于 3 的输入值时失败,然后我的应用程序中断,我必须刷新页面以使其再次工作。我尝试将去抖时间设置为 0,然后我没有遇到这个问题,但这是一种不好的做法,它向我的 API 发送了太多请求。关于如何解决这个问题的任何想法?

0 投票
3 回答
20467 浏览

angular - 无法读取未定义的属性“显示”

我有两个组件,客户和客户组件。客户组件包含客户列表,当我单击客户时,客户组件应打开一个模式。

客户.component.ts

客户.component.html

因此,在单击 a 后tr,CustomersComponent 应该显示一个模式。

客户.component.ts

customer.component.html

console.log(this.lgModal);返回undefinedthis.lgModal.show();给出ERROR TypeError: Cannot read property 'show' of undefined错误..

编辑:

试图添加<app-customer></app-customer>customers.component.html

0 投票
0 回答
807 浏览

angular - 如何使用 ngx-bootstrap 模态作为模块?

是否可以选择使用ngx-bootstrap 模式作为模块?

0 投票
2 回答
74 浏览

angular - Angular 2 和 Bootstrap 3. 不同的集成方法

我正在尝试融入Bootstrap 3我的Angular 2项目。我有两个选择:

  1. 使用npm install bootstrap --save命令并将 Bootstrap 3 安装到我的项目中。

  2. 使用基于 Angular 的 Angular 引导程序安装npm install ngx-bootstrap --save,并且不会有任何 jquery 依赖项。

这两种方法的主要区别是什么。哪一个更适合单页应用程序?

0 投票
0 回答
2052 浏览

angular - Angular ngx-bootstrap Typeahead:带有表格视图的 optionsListTemplate

我想以表格格式和 not_as 列表下拉显示类型提前搜索的结果。我跟着以下 - valor github

我将在表中搜索 3 个列值,并使用过滤器处理该部分。我不确定在表格中显示搜索结果,以及如何使用 typeahead 插件处理表格中的“单击一行”等事件。此外,我发现我需要做很多样式才能以正确的表格格式显示数据, typeahead 插件的 css 会与我将用于表格的自定义 css 一起顺利工作吗?

我有以下模板 -

如何在自定义模板中获取“state.name”/“region”或搜索结果“state”对象?

我的输入是这样的 -

在上述链接中,我看到以下方法调用 -

想检查我是否需要使用自定义实现覆盖所有方法调用(包括上述方法调用)以支持数据表格显示的事件。

早些时候我使用以下 -

输入 -

正是这个“组合”被显示为选项,现在我想将该选项更改为带有原始列的表格形式。

零件:

这工作得很好,但我想要在没有 '--->' 的情况下以表格形式显示 'state' 对象字段。

更新-1

我错过了自定义模板中的 for 循环,添加后我能够以表格格式获取所有状态值。但它不会在我输入时过滤。我应该使用什么属性/方法才能获得过滤结果。如前所述,我在构造函数中有一个过滤器,只要结果在下拉视图中,它就可以正常工作。

我现在在自定义模板中关注 -

我看到参考链接中使用了以下属性 -

这对过滤有帮助吗?您能否解释一下 $viewValue 是什么以及如何在此处使用我已经存在的过滤器逻辑。此外,我怀疑是否需要在自定义模板中强制使用以下行,以便在此处显示过滤结果。

0 投票
0 回答
314 浏览

javascript - 是否可以在 ngModel 中设置/绑定 ID 并在 NGX-Bootstrap typeahead 中显示标签?

我正在使用 ngx-bootstrap Typeahead 进行自动完成。我从其余 API 中获得了一个 ID,并且必须将其与ngModel.

我要做的是,将 ID 绑定到状态(ngModel)并在自动完成中显示名称。

我的意思是,如果初始加载时状态为 2,则应在自动完成中选择名称“阿拉斯加”。

我尝试了很多方法,但还没有成功。

Typeahed 只是将所选名称显示为带有“typeaheadOptionField”的映射

模板:

零件:

0 投票
1 回答
1272 浏览

angular - 用我自己的模板扩展 ngx-bootstrap ModalDirective

我希望扩展 ngx-bootstrap 模式并使用我自己的模板,我将如何去做呢?最终产品应该是自定义组件,其行为类似于 ngx-bootstrap 的模态,但它应该预定义模板。

似乎有希望的开始。但是,当我打开对话框时,我只看到标准背景,没有其他任何东西。我怀疑我的模板文件需要包含一些特殊指令或其他东西,但我在网上找不到任何主题。我也找不到可以复制和修改的原始 ngx-bootstrap html 模板。我需要包含什么才能register-patient.component.html使其正常工作?