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

javascript - 组件的@Input 突然产生错误

所以我有这个超奇怪的场景......

一周前我离开我的应用程序工作得很好,今天又开始工作,意识到我的下拉菜单不再工作了......

我有超级简单的组件:

HTML:

以及父组件的相关html代码:

目前我收到一条错误消息,说它无法读取卡的属性,cannot read property cardName of undefined.

感觉我必须再次提及它,我在代码中进行了字面更改 - 没有 - 下拉菜单显示所有细节非常好,一周后再次运行它。

有任何想法吗?

提前感谢所有帮助,如果缺少某些内容,请告诉我

编辑

可能值得注意的是,console.log(JSON.stringify(this.card)ngOnInit它上面放置一个充满数据的卡片。所以它填充了来自数据库的正确数据,但仍然产生这个错误。

编辑2

此外,检查 HTML 元素我可以看到正好有两个card-details包含正确的名称......那么这里有什么问题?:O

更新

同样,在其中找不到任何逻辑->我使用以下命令对其进行了初始化:

ctor现在and中的日志ngOnInit

拜托,任何见解都会对我有很大帮助!

0 投票
3 回答
890 浏览

twitter-bootstrap - 带有模板内容的 Angular 2 选择器

我正在使用带有@ng-bootstrap 的Angular 2。我有一个这样的模态对话框:

我想重用模态对话框的框架,只想更改组件中的主体。它应该看起来像这样:

谁能告诉我如何实现这一点,尤其是模型(selected.Caption)?我已经尝试了很多,但没有得到它的工作。

更新

清除:我想注入一些 HTML 标签,所以我得到了类似的东西:

@pkozlowski.opensource 的答案基本上适用于打开和关闭模式。但我没有把我的身体放进去:

0 投票
9 回答
86863 浏览

angular - 如何以编程方式关闭 ng-bootstrap 模式?

我有一个模态:

每当我单击“是”时,我希望它调用一个函数并自行关闭。
在我的控制器中,我有@ViewChild('warningModal') warning;并且在 中submit(),我有this.warning.close();,但是this.warning.close is not a function每当我单击是时都会得到。

我如何让它按照我想要的方式工作?

0 投票
1 回答
5402 浏览

angular - 未在来自 Angular 2 Bootstrap 日期选择器的输入上设置值

我有一个输入,我想用 Angular 2 Bootstrap 日期选择器填充它。当页面打开时,该值通过使用以今天的日期开始value="{{ getStartDate() | date:'fullDate'}}"。但是当我单击按钮并打开日期选择器并选择一个新日期时,该值不会填充输入。我也不能再点击按钮来关闭日期选择器。

HTML:

打字稿:

0 投票
1 回答
3300 浏览

angular - 选择日期后关闭 Angular 2 Bootstrap DatePicker

datepickers在选择日期后,我想关闭两个不同的版本。我一直在网上找到有关的东西,autoclose: true但我不知道如何/在哪里设置它。我可以选择日期并在输入和所有内容中显示更改,但我希望datepicker在选择第一个日期后立即关闭。

对应的打字稿:

0 投票
2 回答
8486 浏览

twitter-bootstrap - Angular 2 验证一个日期输入是否等于或早于另一个

我有两个输入,它们由两个 Angular 2 Bootstrap 填充datepickers。如果在 (not before or equal to) 之后,我希望与 对应的按钮FormGroup被禁用。现在,如果我选择晚于提交按钮保持启用状态。但是,如果我随后单击第二个日历按钮以弹出第二个日历按钮,则提交按钮将被禁用(我实际上不必选择)。我检查了控制台和, , 并且都在正确的时间更改并更改为正确的值而没有错误,这只是禁用了“定时”关闭的提交按钮。startDateendDatestartDateendDatedatepickerendDatestartDateendDateerror

对应的打字稿:

0 投票
1 回答
587 浏览

angular - 使用 ng-bootstrap 和 angular-cli 1.0.0-beta.18

我正在使用 angular-cli 1.0.0-beta。18 并尝试使用https://ng-bootstrap.github.io/#/getting-started上的指南加载 ng-bootstrap

脚步:

使用安装 ng-bootstrap

将以下内容添加到 app.module.ts

对于我的 ibox-tools.module.ts 我有

然后我尝试在 ibox-tools.template.html 中使用 ngbDropdown 模块

但是 ngbDropdown 不起作用。我没有收到任何错误,包括 bootstrap4.css 等。

入门指南告诉我使用

如果我使用 SystemJS,但我认为并非如此,如 angular-cli 1.0.0-beta。18 正在使用 Webpack,应该会自动加载 ng-bootstrap。我在这里错了吗?我没有找到应该添加映射的任何地方,其他人设法将 ng-bootstrap 与 angular-cli 1.0.0-beta 一起使用。18?

0 投票
2 回答
4945 浏览

twitter-bootstrap - ng-bootstrap:手风琴重新初始化组件

我在 ng-bootstrap 中使用 ngb-accordion。切换标题会导致其子组件重新初始化。例如,切换标题会导致下拉菜单重置。看起来这是因为<div class="card-block"></div>面板隐藏时被删除。

即使组件“隐藏”在手风琴中,我如何维护组件的状态?

模板文件:

组件 TypeScript 文件:

0 投票
1 回答
196 浏览

twitter-bootstrap - ng2-组件属性绑定不起作用

我正在开发一个 Angular 2 应用程序,在该应用程序中,我创建了一个名为JobComponent属性的组件,candidate_types并尝试使用属性绑定到NgbdTypeaheadBasic组件来绑定该属性,但它不起作用,我不知道为什么,下面是文件。

工作模块.ts

工作组件.ts

typehead.component.ts

打字头.html

当我启动应用程序时,所有组件都可以正确呈现而没有任何错误,但我正在undefined接受console.log(this.options);

我正在尝试实现 Angular 2 Bootstrap Typehead 组件:

https://ng-bootstrap.github.io/#/components/typeahead

我采取的参考:

https://angular.io/docs/ts/latest/tutorial/toh-pt3.html

0 投票
2 回答
351 浏览

ng-bootstrap - 构建期间的 ng2 引导问题找不到“core-js”的类型定义文件

C:\projects\xxxx\node_modules@ng-bootstrap\ng-bootstrap\modal\modal-ref.d.ts (1,1) 中的错误:错误 TS2688:找不到“core-js”的类型定义文件。