问题标签 [ng2-bootstrap]

有人在 RC6 中使用过 ng2-bootstrap 吗？

我在 app.module 中执行此操作（按照 gitHub 上的说明）：

我在运行时收到错误：

语法错误：意外的令牌 <

RC6。使用来自 ng2-bootstrap 的模态组件。在我将应用程序分成模块之前工作正常。现在在延迟加载模块中，当我尝试调用.show()模态组件的方法时出现错误：No provider for AppComponent!

正如您可能猜到的那样，AppComponent 是我在应用程序根模块中的主要/默认组件。这个模态的东西怎么知道 AppComponent 的存在？

谢谢！

在按钮单击时，我有 3 个函数一个接一个地被调用。在第一个函数中，我想要阻塞模型窗口，它将在该窗口上返回一个承诺，并且在该承诺上我将解决下一个函数。

html代码是：

按钮点击功能：

3个功能是：

在模态窗口上我有以下功能：

所以在confirmGetRichYes上，我想解决fateGetRichQuick承诺，但模态窗口不会阻止功能fateGetRichQuick，而是继续它的流程。

我在 plunker 上运行代码：http: //plnkr.co/edit/nX1LcNJeuQvuWSloF50l

我正在研究 ng2 RC6。我有父组件和子组件。

在子组件内部，我得到了 ng2-bootstrap 模态，并启动了函数：

在父组件中，我想运行函数“this.lgModal.show()”，它正在打开模式窗口。

但是当我使用时：

我得到了show();未定义的ERR

和 app.module.ts：

PS。我可以从子组件打开模式 - 这是可行的，但是当我尝试从父组件打开时，我遇到了问题。请指教！:)

问候， 博斯珀

使用 webpack，我使用 npm 安装了 ng2-select，我安装了 ng2-bootstrap 并且工作正常。但是当我导入 ng2-select 时，我的控制台中出现以下错误

未捕获的错误：模块“AppModule”导入的意外指令“SelectComponent”

这是我的app.module.ts文件：

app.component.ts

任何想法如何解决这个问题。

我有一个 Home 组件，里面有这个：

在我的 home.style.scss 中，我有这个：

这应该将背景颜色更改为绿色，但事实并非如此。

上面的 css 代码将产生这种风格：

最终的 HTML 如下所示：

我不知道这里有什么问题，但我认为选择器是错误的。我希望最终的选择器是：

代替：

或者换句话说，为什么没有 _ngcontent-wjn-3 属性<div class="alert">...</div>？

也许我做错了整个事情。我想要实现的是自定义我内部<alert>的 ng2-bootrap 库（https://github.com/valor-software/ng2-bootstrap）提供的各个引导组件（在上面的代码中）的 CSS自定义组件（<home>在上面的代码中）。

我在 home 组件中使用默认视图封装（模拟）。

请问我该怎么做？

现在已经有几天了，我正在努力解决这个问题，我希望有人可以帮助我。

我正在一个 aspnet 核心项目中试用 Angular2。设置是我使用 gulpfile.js 来构建 .ts 文件并将所有内容传输到 wwwroot 文件夹。一切正常。打字稿编译，文件被传输，甚至设置一个“hello world”角度应用程序工作正常..

当我尝试添加对 ng2-bootstrap 的引用时，问题就开始了。当我添加此编译打字稿时，会出现以下几个错误：

node_modules/ng2-bootstrap/components/buttons/button-checkbox.directive.d.ts(14,22): 错误 TS1005: '=' 预期。

请在此处访问我正在处理的示例：https ://github.com/skyplusplus/ng2bootstrap-hell

我该如何摆脱这个问题？

-edit- 相关 gulpfile 片段：

const tscConfig = require('./tsconfig.json'); var tsProject = typescript.createProject('tsconfig.json'); return tsProject .src(tscConfig.files) .pipe(sourcemaps.init()) .pipe(typescript(tsProject)) .pipe(sourcemaps.write('.')) .pipe(gulp.dest(targetPaths.app));

我正在尝试从父组件打开 ng2-bootstrap 模式。我创建了一个 ModalComponent 并且我“exportAs：child”。我的 ModalComponent 看起来像

我将模态包含在父模板中

...并从父模板中调用它

我正确点击了 ModalComponent 中的“show”方法，但“childModal”的值始终未定义（Nb：console.log() 语句）。

非常感谢任何指针。

我在使用 ng2-bootstrap 的模式时遇到了问题。我正在做这里提到的整个 viewContainerRef hack 。我正在一个深度嵌套的组件中制作一个模式（通过路由深入 4 层）。我从上面的链接复制了模式代码。每当我尝试打开它时，它都会像这样打开：bs-modal-backdrop 完全覆盖了屏幕，包括模态，阻止我与之交互。知道为什么会这样吗？

我正在尝试将ng2-bootstrap添加到angular2-seed项目的新克隆中，但我不断收到以下错误（或类似错误）：

我已经按照这里的说明尝试了几种变体，但它就是不想工作。我让它在使用不同版本的 angular2-seed 的其他项目中工作，所以也许有些东西已经改变了，他们的 wiki 中还没有记录。

我创建了一个 repo 来展示我的问题：https ://github.com/danielcrisp/angular2-seed

正如我所说，它是 angular2-seed 的全新克隆，具有以下更改：

$ npm install ng2-bootstrap --save

然后更新配置：

导入Ng2BootstrapModule到NgModule.

然后我添加了一些标签来测试。

如果我从 HTML 中删除选项卡，我不会收到任何错误。如果我尝试其他 ng2-bootstrap 组件，我也会遇到错误，例如