问题标签 [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 投票
2 回答
733 浏览

angular - 为什么日期管道不能与 Angular 2 中的 ng2-bootstrap 一起正常工作

我想以下一个格式显示日期:dd/MM/yyyy,但它只显示在MM/dd/yyyy.

这是我的startdateComponent

模板是:

这里有什么问题?

0 投票
1 回答
373 浏览

angular - 如何在为 angular2 应用程序编写测试用例时配置 karma 和 ng2-bootstrap

我进行了以下更改并收到套接字错误

在 karma.conf.js 中

在 karma-test-shim 中

0 投票
2 回答
229 浏览

asp.net-web-api - 如何在不知道要提前使用多少图像的情况下使用 ng2-bootstrap 构建轮播?

我正在使用 ASP.net Api 和 angular 进行项目,我想使用 ng2 bootstrap 构建 carousal,但我不知道我会创建多少图像?任何建议如何做到这一点。

0 投票
1 回答
1738 浏览

html - 如何通过 ng2-bootstrap Timepicker 使用新表单

我正在创建自己的组件来包装 ng2-bootstrap timepicker 组件。出于某种原因,我似乎无法让新的 Angular 2 FormControl 正常工作,即使使用使用 @angular/forms 的组件的最新版本也是如此。

这是组件的链接:ng2-bootstrap timepicker

这是我的代码的简单版本:

这是我在尝试使用该组件时看到的错误:

在我的app.ts我确保包括以下调用:

0 投票
1 回答
2484 浏览

angular - 如何从 Angular 2 中的 Form.value 中排除表单控件值(模板驱动)

我有一个工作模板驱动的 Angular 2 表单。其中一个字段使用外部模块(ng2-bootstrap typeahead)。[(ngModel)] 两种方式绑定指向我的组件中的一个对象。

如果我name="companyName"在该控件中包含属性,则在提交时我会得到companyName: value我不想要的 form.value 对象,因为我使用我在组件中设置的 ngModel 绑定属性。我无法从该控件中删除 name 属性,如果这样做,我会收到一条错误消息,指出我需要使用:[ngModelOptions]="{standalone: true}"

所以我这样做了,但是当我对值进行任何更改时,表单的原始属性不会受到影响,因为任何模型连接都被上述语句切断。我试图在自定义控件的更新事件上设置表单的原始属性,因为表单的原始属性是只读的,所以不起作用。

有没有一种方法可以定义模板驱动的 Angular2 表单控件以影响表单的有效性,但它们的值不包含在 form.value 集合中?

0 投票
0 回答
255 浏览

jquery - Angular2 命名切换开关

我们如何在 angular2 中使用带有名称的引导切换按钮?我的应用程序中有 ng2-bootstrap 包,但它没有带名称的引导切换按钮。我想在我的应用程序中使用 Active/Inactive 切换开关按钮。

通过普通 CSS

我们如何在 angular2 中使用带有名称的引导切换按钮?请建议或帮助我。

0 投票
2 回答
2715 浏览

angular - ng2-bootstrap 手风琴如何创建交互式下拉箭头

我有以下手风琴:

在此处输入图像描述

我需要箭头^在手风琴打开时像这样v,在手风琴关闭时像这样

标记看起来像这样,注意(click)="toggleAssignedTasks()"手风琴div标题与此我 toggleAssignedTasks 然后我将 fontawesome 向下箭头的类相应地更改为向上或向上:

这是可行的,但是当用户单击手风琴时,事件会变得混乱,似乎(单击)事件正在被手风琴默认事件吸收。

我还尝试在手风琴中使用原生 [showArrows]="true",如下所示:

但我得到错误:

更新:

toggleAssignedTasks() 看起来像这样

0 投票
2 回答
1478 浏览

angular - matches.slice 不是 ng2-bootstrap typeahead 的功能

我正在尝试将 ng2-bootstrap Typeahead 与 REST 后端一起使用。

HTTP 响应

app.component.ts

货运服务.ts

我正在使用 mocky.io 来伪造 REST 响应。

typeahead-demo.html

我真的陷入了错误“TypeError:matches.slice 不是函数”

0 投票
1 回答
2406 浏览

arrays - 类型 ModalBackdropComponent 是 2 个模块声明的一部分:MyModule 和 AppModule

环境:Angular 2 RC5,ng2-bootstrap .. 从 RC4 升级到 RC5

错误:

这是我的模块

应用模块

如您所见,我没有在 AppModule 中声明任何与 ng2-bootstrap 相关的工件(ModalBackdropComponent或任何其他)。所以我试图弄清楚为什么 Angular 2 认为我已经声明了它们。我怎样才能解决这个问题?

0 投票
1 回答
961 浏览

angular - ng2-file-upload 限制在 Chrome 浏览器中拖放的文件夹类型

使用https://github.com/valor-software/ng2-file-upload拖放文件附件。它允许文件夹被拖放并附加到 chrome 浏览器中。

我的 HTML 模板:

无论如何不允许文件夹类型使用 ng2-file-upload 在 chrome 中附加?

任何帮助都会很棒。