问题标签 [ng2-bootstrap]

我正在从 Angular 2 rc4 升级到 Angular 2 版本，作为其中的一部分，我已将 ng2-bootstrap 升级到最新版本。然而，在许多 ng2-bootstrap 的 .d.ts 文件中，它似乎在与“只读”类型作斗争。运行 angular2-seed 的构建过程时，我得到例如：

其中第 14 行是：

关于我应该在哪里解决这个问题的任何想法？

我正在尝试ngFor在模板下使用并检索子项以稍后修改它们。

这是我的模板：

两者ngFor在 DOM 中都是这样渲染的：

在我的组件中，我尝试使用以下方法检索元素：

由于渲染问题，两者都未定义......

我尝试删除模板并将其替换为<div *ngFor="let i of [1,2,3,4]">{{i}}</div>同样的问题！

完整代码可在此处获得：https ://github.com/jaumard/ng2-bootstrap/blob/ticksLabels/components/slider/slider.component.ts#L15

app.module.ts

例子.html

例子.component.ts

我想在模式打开时隐藏弹出框。当我调用“customPopover.hide()”函数时，它给了我错误：

error_handler.js：51 TypeError：无法读取未定义的属性“隐藏”

在 PopoverContent.hide (PopoverContent.js:78)

在“PopoverContent.js”文件中有一行 this.popover.hide(); 但我不知道如何初始化它。正如我的理解是@ViewChild 只初始化类绑定到#customPopover 即在我的情况下popover-content。有人可以给我一个初始化“Popover”的解决方案吗？

对我来说，[(ngModel)]="foo"不适用于用于重新设置默认 HTML5 表单控件样式的标签，更准确地说是单选按钮。目标是使用这些来更改值，例如使用默认输入无线电。我目前使用 ng2-bootstrap，但也尝试了 paper-kit（http://www.creative-tim.com/live/paper-kit）。

当使用 ng2-bootstrap 的记录用法时（https://valor-software.com/ng2-bootstrap/#/buttons）

我收到此错误：

这可以使用ngDefaultControl标签中的属性来修复，但仍然[(ngModel)]会被忽略且不会传播。同样的问题也发生在 paper-kit 的使用上。

它适用于普通单选按钮，没有任何问题。

我正在尝试将其设置startingDay为 1。到星期一。我尝试这个的方法是：

由于某种原因，它不起作用。我错过了什么或为什么它不起作用？

我正在尝试使用来自 ng2-boostrap 的下拉组件创建一个菜单。访问索引时出现此错误：

加载资源失败：服务器响应状态为 404（未找到）

到目前为止的步骤：

1) npm install ng2-bootstrap --save。文件夹 ng2-bootstrap 是在 node_modules 下创建的

2）在 app.module.ts 我分别尝试了 Ng2BootstrapModule 和 DropdownModule

3) 在我的模板 html 上

我在https://valor-software.com/ng2-bootstrap/#/dropdowns上尝试了演示，但结果是一样的。

4）依赖中的package.json既有moment又有ng2-boostrap

也许错误可能在 ng2-boostrap 的路径上，已经尝试使用标签

错误消失了，但下拉菜单的样式仍然没有加载。浏览器分别呈现按钮和列表。在演示和快速启动中没有提到标签，所以我猜它还是错的。

根据 ng2-bootstrap 文档，有一个panelClass可用于面板的注释。但我无法让它工作。

这是我的标记：

但这会产生：

我正在使用 ng2-bootstrap v1.1.13。

我究竟做错了什么？

我已经在angular2项目中安装并添加了ng2-bootstrap，但是我有编译错误。好像和Typescript 2有关联，好像我的 package.json 中配置了错误的版本，但事实并非如此，请看：

包.json：

行的错误示例：

错误：

知道我做错了什么吗？

我使用 Angular 2 和 ng2-bootstrap 创建并使用 Webpack 和 Universal 提供服务的网站一直在 Chrome 上顺利运行，但在 Safari 或 Microsoft Edge 上无法运行。

目前，Safari 是最重要的。

在开发人员控制台中，我收到以下错误：

这对我没有多大帮助，因为我无法找出它试图分配什么只读属性。

当我了解更多信息时，我将在这里发布我的进展。

更新

我已经更新到最新的 Angular 2 2.1.0 版本，但仍然没有运气。

我还阅读了另一个项目，有人删除了“使用严格”；从项目来看，这至少加载了没有任何错误的页面。但是，当我尝试单击链接时，错误又回来了。

更新

我终于找到了导致错误的实际行：

有没有办法在设置之前确定一个属性是否是只读的？

更新

我想我已经修复了一个错误。结果在模板中的一个组件中，我分配了只读的样式属性。

因此，<div [style]="getStyle()">我没有<div [attr.style]="getStyle()">这样做，而是阻止了 TypeError 的提升。

但是，现在我有另一个错误：

原来它在 Angular 的 common/bundles/common.umd.js 中，但在 Safari 中未定义。有任何想法吗？

是否有任何步骤可以在使用 VS CODE IDE 的 Angular2 应用程序中使用 ng2 引导程序。请分享相同的。应该感恩。我已经使用以下命令安装了 ng2-bootstrap 模块：

这一步之后要做什么？我们是否需要 moment.js 才能使用 ng2-bootstrap？