问题标签 [ng2-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 投票
0 回答
675 浏览

javascript - 从Angular2中的导航栏打开模式的正确方法?

我正在使用 ng2-bootstrap 在 Angular2 中的个人网站上开发一些元素。

我有一个固定的导航栏,我想在其中有一个按钮或文本链接,用于启动电子邮件联系表单的模式。我遇到的问题是,当我打开模式时,它是灰色的;我的理解是,这是因为它锚定在导航栏上。据我了解,解决这个问题的一种方法是使用 JQuery 将模态附加到 body 标记,但我读过直接操作 DOM 在 Angular2 中是不好的做法(而且我并不完全清楚无论如何,在 TypeScript 中执行此操作的正确方法是),所以我对如何进行有点茫然。

我是一名长期的编码员,但在 Web 开发领域没有做过任何非常先进的事情,所以如果这是一个微不足道的问题,我深表歉意。

我拥有的 TypeScript 如下所示:

我将它包含在导航栏中,只需在我想要链接的导航栏中放置对contact-modal 的引用。非常感谢您的帮助。

0 投票
2 回答
2838 浏览

angular - Angular2,可编辑数据表,ag-grid

我需要能够显示、排序、编辑和添加新行到一个表中,该表在数据库中获取/存储它的数据。

我已经研究过将 ag-grid 用于 angular 2,并且我能够显示和排序没有问题。但是,我找不到任何用于添加新行的文档。ag-grid 是添加/编辑数据的好选择吗?如果是这样,您如何处理添加新行?

其次,我听说过有关 primeNG 的好消息,但我已经在使用 ng2-bootstrap 组件了。两者都用是个坏主意吗?

0 投票
1 回答
511 浏览

angular - 如何在 ag-grid-ng2 中使用引导下拉菜单(ng2-bootstrap)

这是 github问题的 url

任何帮助将不胜感激。

0 投票
0 回答
145 浏览

angular - Angular2 RC.1 具有多个组件的表单


我正在尝试将表单分成多个部分,每个部分都有自己的组件。
根组件模板具有<form #f="ngForm">标签,但我希望另一个组件的模板包含<input ngControl="name">标签。

当我尝试这样做时,角度会抛出“模板解析错误:没有 ControlContainer 的提供者”

我相信这是因为 ngControl 找不到要附加的父 ngForm。

我有一个我希望完成的任务。它还会在加载时引发错误。(http://plnkr.co/edit/pLGQpJGbT6PzxA43XiQa?p=preview

如果我使用 FormBuilder 在根组件中构建表单控件并将相关的 controlGroup 传递给子组件,它会起作用,但我想知道是否有办法做到这一点。

0 投票
1 回答
654 浏览

angular - 如何使用 ng2-bootstrap DatePicker 的 customClass 属性?

我们使用ng2-bootstrap DatePicker让用户选择多个日期。我们想在选择器中突出显示“选定”的日期。似乎“customClass”属性应该是这样做的方法,但我无法让它工作 - 我也没有看到任何使用它的例子。有人有一个简单的例子吗?

0 投票
1 回答
940 浏览

angular - 将 ng2-boostrap datepicker 与 angular2-seed 项目一起使用时模板解析错误

我正在尝试在 angular2-seed 项目中使用 ng2-bootstrap 中的 datepicker,但出现以下错误。我正在使用最新版本的 angular2-seed 项目(angular 2.0.0-rc.3)提前感谢您对我做错的任何建议。

我的 about.component.html

我的 about.component.ts

我的引导代码

0 投票
3 回答
4249 浏览

angular - 仍然 ng2-bootstrap 在 Angular 2 中显示 404 (Not Found)

尝试了不同的方法。仍然有错误

GET http://localhost:8080/node_modules/ng2-bootstrap/bundles/ng2-bootstrap.min.js 404(未找到)

错误:XHR 错误(404 Not Found)加载http://localhost:8080/node_modules/ng2-bootstrap/ng2-bootstrap.js (...)

这是我的 index.html:

这是systemjs.config.js:

这是 app.component.ts 的一部分:

0 投票
3 回答
2903 浏览

angular - 如何让 ng2-bootstrap 日期选择器隐藏

我使用 ng2-bootstrap 日期选择器,当我单击日期选择器时,它仍然显示,如何隐藏它?我的 html 代码如下。请帮助我,谢谢

0 投票
1 回答
5618 浏览

typescript - 如何使用 ng2-bootstrap datepicker 作为弹出模式?

我在我的项目中使用 ng2-bootstrap 日期选择器。我想在单击日历图标时显示日期选择器。并且还想在选择日期时隐藏它。

我的组件如下

现在的问题是只有当我再次单击该图标时它才会关闭。

0 投票
0 回答
877 浏览

angular - ng2-bootstrap - 禁用日期

我正在尝试从 ng2-bootstrap 日期选择器中禁用某些日期。我尝试了不同的选项,但日期没有被禁用。我怎样才能解决这个问题?