问题标签 [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.
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
:
拜托,任何见解都会对我有很大帮助!
twitter-bootstrap - 带有模板内容的 Angular 2 选择器
我正在使用带有@ng-bootstrap 的Angular 2。我有一个这样的模态对话框:
我想重用模态对话框的框架,只想更改组件中的主体。它应该看起来像这样:
谁能告诉我如何实现这一点,尤其是模型(selected.Caption)?我已经尝试了很多,但没有得到它的工作。
更新
清除:我想注入一些 HTML 标签,所以我得到了类似的东西:
@pkozlowski.opensource 的答案基本上适用于打开和关闭模式。但我没有把我的身体放进去:
angular - 如何以编程方式关闭 ng-bootstrap 模式?
我有一个模态:
每当我单击“是”时,我希望它调用一个函数并自行关闭。
在我的控制器中,我有@ViewChild('warningModal') warning;
并且在 中submit()
,我有this.warning.close();
,但是this.warning.close is not a function
每当我单击是时都会得到。
我如何让它按照我想要的方式工作?
angular - 未在来自 Angular 2 Bootstrap 日期选择器的输入上设置值
我有一个输入,我想用 Angular 2 Bootstrap 日期选择器填充它。当页面打开时,该值通过使用以今天的日期开始value="{{ getStartDate() | date:'fullDate'}}"
。但是当我单击按钮并打开日期选择器并选择一个新日期时,该值不会填充输入。我也不能再点击按钮来关闭日期选择器。
HTML:
打字稿:
angular - 选择日期后关闭 Angular 2 Bootstrap DatePicker
datepickers
在选择日期后,我想关闭两个不同的版本。我一直在网上找到有关的东西,autoclose: true
但我不知道如何/在哪里设置它。我可以选择日期并在输入和所有内容中显示更改,但我希望datepicker
在选择第一个日期后立即关闭。
对应的打字稿:
twitter-bootstrap - Angular 2 验证一个日期输入是否等于或早于另一个
我有两个输入,它们由两个 Angular 2 Bootstrap 填充datepickers
。如果在 (not before or equal to) 之后,我希望与 对应的按钮FormGroup
被禁用。现在,如果我选择晚于提交按钮保持启用状态。但是,如果我随后单击第二个日历按钮以弹出第二个日历按钮,则提交按钮将被禁用(我实际上不必选择)。我检查了控制台和, , 并且都在正确的时间更改并更改为正确的值而没有错误,这只是禁用了“定时”关闭的提交按钮。startDate
endDate
startDate
endDate
datepicker
endDate
startDate
endDate
error
对应的打字稿:
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?
twitter-bootstrap - ng-bootstrap:手风琴重新初始化组件
我在 ng-bootstrap 中使用 ngb-accordion。切换标题会导致其子组件重新初始化。例如,切换标题会导致下拉菜单重置。看起来这是因为<div class="card-block"></div>
面板隐藏时被删除。
即使组件“隐藏”在手风琴中,我如何维护组件的状态?
模板文件:
组件 TypeScript 文件:
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
我采取的参考:
ng-bootstrap - 构建期间的 ng2 引导问题找不到“core-js”的类型定义文件
C:\projects\xxxx\node_modules@ng-bootstrap\ng-bootstrap\modal\modal-ref.d.ts (1,1) 中的错误:错误 TS2688:找不到“core-js”的类型定义文件。