问题标签 [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 - 模块“/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
bootstrap-datepicker - ASP.NET 样板日期选择器
我正在使用带有 Angular 2 版本 2.0.2 的 ASP.NET Boilerplate Core,它仍然使用ngx-bootstrap主题,就像最新的 Material 主题一样。
是否有内置的 datepicker 或者我必须按照旧论坛的说明自行加载 bootstrap-datepicker?
附带说明:免费模板是否实现了 Metronic 主题,还是已将其删除并且仅在 ASP.NET Zero 中可用?
angular - 从其他组件打开模态组件
我有一个组件,它包含一个模式。
我打开模态@ViewChild('lgModal') modal;
并调用this.modal.show();
但我想分离 HTML,那么是否可以B
从组件中调用组件A
?
angular - ngx-bootstrap 预输入可观察
所以我有一个预先输入的输入字段,如下所示:
还有一个 Observable 可以帮助我提前输入建议。
我的问题是即使我的输入字段值长度小于 3,即使我设置了 Observable 也会发送请求typeaheadMinLength="3"
。当用户输入一个值然后快速删除一些字符(比我的去抖动时间快)然后尝试输入一个新值时,就会发生这种情况。我的建议 API 在收到长度小于 3 的输入值时失败,然后我的应用程序中断,我必须刷新页面以使其再次工作。我尝试将去抖时间设置为 0,然后我没有遇到这个问题,但这是一种不好的做法,它向我的 API 发送了太多请求。关于如何解决这个问题的任何想法?
angular - 无法读取未定义的属性“显示”
我有两个组件,客户和客户的组件。客户组件包含客户列表,当我单击客户时,客户组件应打开一个模式。
客户.component.ts
客户.component.html
因此,在单击 a 后tr
,CustomersComponent 应该显示一个模式。
客户.component.ts
和customer.component.html
console.log(this.lgModal);
返回undefined
并this.lgModal.show();
给出ERROR TypeError: Cannot read property 'show' of undefined
错误..
编辑:
试图添加<app-customer></app-customer>
到customers.component.html
angular - 如何使用 ngx-bootstrap 模态作为模块?
是否可以选择使用ngx-bootstrap 模式作为模块?
angular - Angular 2 和 Bootstrap 3. 不同的集成方法
我正在尝试融入Bootstrap 3
我的Angular 2
项目。我有两个选择:
使用
npm install bootstrap --save
命令并将 Bootstrap 3 安装到我的项目中。使用基于 Angular 的 Angular 引导程序安装
npm install ngx-bootstrap --save
,并且不会有任何 jquery 依赖项。
这两种方法的主要区别是什么。哪一个更适合单页应用程序?
angular - Angular ngx-bootstrap Typeahead:带有表格视图的 optionsListTemplate
我想以表格格式和 not_as 列表下拉显示类型提前搜索的结果。我跟着以下 - valor github
我将在表中搜索 3 个列值,并使用过滤器处理该部分。我不确定在表格中显示搜索结果,以及如何使用 typeahead 插件处理表格中的“单击一行”等事件。此外,我发现我需要做很多样式才能以正确的表格格式显示数据, typeahead 插件的 css 会与我将用于表格的自定义 css 一起顺利工作吗?
我有以下模板 -
如何在自定义模板中获取“state.name”/“region”或搜索结果“state”对象?
我的输入是这样的 -
在上述链接中,我看到以下方法调用 -
想检查我是否需要使用自定义实现覆盖所有方法调用(包括上述方法调用)以支持数据表格显示的事件。
早些时候我使用以下 -
输入 -
正是这个“组合”被显示为选项,现在我想将该选项更改为带有原始列的表格形式。
零件:
这工作得很好,但我想要在没有 '--->' 的情况下以表格形式显示 'state' 对象字段。
更新-1
我错过了自定义模板中的 for 循环,添加后我能够以表格格式获取所有状态值。但它不会在我输入时过滤。我应该使用什么属性/方法才能获得过滤结果。如前所述,我在构造函数中有一个过滤器,只要结果在下拉视图中,它就可以正常工作。
我现在在自定义模板中关注 -
我看到参考链接中使用了以下属性 -
这对过滤有帮助吗?您能否解释一下 $viewValue 是什么以及如何在此处使用我已经存在的过滤器逻辑。此外,我怀疑是否需要在自定义模板中强制使用以下行,以便在此处显示过滤结果。
javascript - 是否可以在 ngModel 中设置/绑定 ID 并在 NGX-Bootstrap typeahead 中显示标签?
我正在使用 ngx-bootstrap Typeahead 进行自动完成。我从其余 API 中获得了一个 ID,并且必须将其与ngModel
.
我要做的是,将 ID 绑定到状态(ngModel)并在自动完成中显示名称。
我的意思是,如果初始加载时状态为 2,则应在自动完成中选择名称“阿拉斯加”。
我尝试了很多方法,但还没有成功。
Typeahed 只是将所选名称显示为带有“typeaheadOptionField”的映射
模板:
零件:
angular - 用我自己的模板扩展 ngx-bootstrap ModalDirective
我希望扩展 ngx-bootstrap 模式并使用我自己的模板,我将如何去做呢?最终产品应该是自定义组件,其行为类似于 ngx-bootstrap 的模态,但它应该预定义模板。
似乎有希望的开始。但是,当我打开对话框时,我只看到标准背景,没有其他任何东西。我怀疑我的模板文件需要包含一些特殊指令或其他东西,但我在网上找不到任何主题。我也找不到可以复制和修改的原始 ngx-bootstrap html 模板。我需要包含什么才能register-patient.component.html
使其正常工作?