问题标签 [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.
javascript - 从Angular2中的导航栏打开模式的正确方法?
我正在使用 ng2-bootstrap 在 Angular2 中的个人网站上开发一些元素。
我有一个固定的导航栏,我想在其中有一个按钮或文本链接,用于启动电子邮件联系表单的模式。我遇到的问题是,当我打开模式时,它是灰色的;我的理解是,这是因为它锚定在导航栏上。据我了解,解决这个问题的一种方法是使用 JQuery 将模态附加到 body 标记,但我读过直接操作 DOM 在 Angular2 中是不好的做法(而且我并不完全清楚无论如何,在 TypeScript 中执行此操作的正确方法是),所以我对如何进行有点茫然。
我是一名长期的编码员,但在 Web 开发领域没有做过任何非常先进的事情,所以如果这是一个微不足道的问题,我深表歉意。
我拥有的 TypeScript 如下所示:
我将它包含在导航栏中,只需在我想要链接的导航栏中放置对contact-modal 的引用。非常感谢您的帮助。
angular - Angular2,可编辑数据表,ag-grid
我需要能够显示、排序、编辑和添加新行到一个表中,该表在数据库中获取/存储它的数据。
我已经研究过将 ag-grid 用于 angular 2,并且我能够显示和排序没有问题。但是,我找不到任何用于添加新行的文档。ag-grid 是添加/编辑数据的好选择吗?如果是这样,您如何处理添加新行?
其次,我听说过有关 primeNG 的好消息,但我已经在使用 ng2-bootstrap 组件了。两者都用是个坏主意吗?
angular - 如何在 ag-grid-ng2 中使用引导下拉菜单(ng2-bootstrap)
这是 github问题的 url
任何帮助将不胜感激。
angular - Angular2 RC.1 具有多个组件的表单
我正在尝试将表单分成多个部分,每个部分都有自己的组件。
根组件模板具有<form #f="ngForm">
标签,但我希望另一个组件的模板包含<input ngControl="name">
标签。
当我尝试这样做时,角度会抛出“模板解析错误:没有 ControlContainer 的提供者”
我相信这是因为 ngControl 找不到要附加的父 ngForm。
我有一个我希望完成的任务。它还会在加载时引发错误。(http://plnkr.co/edit/pLGQpJGbT6PzxA43XiQa?p=preview)
如果我使用 FormBuilder 在根组件中构建表单控件并将相关的 controlGroup 传递给子组件,它会起作用,但我想知道是否有办法做到这一点。
angular - 如何使用 ng2-bootstrap DatePicker 的 customClass 属性?
我们使用ng2-bootstrap DatePicker让用户选择多个日期。我们想在选择器中突出显示“选定”的日期。似乎“customClass”属性应该是这样做的方法,但我无法让它工作 - 我也没有看到任何使用它的例子。有人有一个简单的例子吗?
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
我的引导代码
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 的一部分:
angular - 如何让 ng2-bootstrap 日期选择器隐藏
我使用 ng2-bootstrap 日期选择器,当我单击日期选择器时,它仍然显示,如何隐藏它?我的 html 代码如下。请帮助我,谢谢
typescript - 如何使用 ng2-bootstrap datepicker 作为弹出模式?
我在我的项目中使用 ng2-bootstrap 日期选择器。我想在单击日历图标时显示日期选择器。并且还想在选择日期时隐藏它。
我的组件如下
现在的问题是只有当我再次单击该图标时它才会关闭。
angular - ng2-bootstrap - 禁用日期
我正在尝试从 ng2-bootstrap 日期选择器中禁用某些日期。我尝试了不同的选项,但日期没有被禁用。我怎样才能解决这个问题?