问题标签 [ngx-bootstrap]

我已经投入了 17 个小时试图让它发挥作用。我已经尝试了几乎所有我能找到的教程。

我有一个现有的 Angular 4 项目，可以在没有 Universal 的情况下完美地构建和运行。现有项目甚至可以通过 AOT 正常运行（这是运行的另一个痛苦）。

我在尝试运行服务器端渲染时遇到的当前错误是：

甚至花了一段时间才达到这一点。有很多 @types/node 错误，但现在我可以编译它，页面将无法加载。

在对错误进行了一些研究之后，ngx-bootstrap 可能与它有关，但我不是 100% 确定。

我将本教程与通用的 webpack 版本结合使用，因为没有 webpack，由于 ngx-bootstrap，我的项目将无法编译。

当我们在 ngx bootstrap modal window 外部单击时是否可以调用函数。如果我们单击褪色区域，我想进行函数调用。

我正在使用 ngx-bootstrap/typeahead 在我的页面中进行自动完成。这是我目前正在使用的代码：

零件：

getAutoCompleteResults()以下列格式返回一个对象数组（可观察的）：

现在，我认为我的组件中的代码不属于仅使用自动完成功能的组件。它也不会使其可重复使用那么多。我不想在组件和所有这些代码中包含所有这些代码(blur)="typeaheadOnBlur()"，typeaheadWaitMs="300"每次我想使用我的自动完成时，我都在考虑创建一个指令来使用它，如下所示：

您可能已经注意到，我无法使用viewModel.nestedProperty.countryngx-bootstrap 进行绑定。看起来这$event与.$eventtypeaheadOnSelect($event)

我也不知道怎么处理(select)="mySelectFunction(???)"。您如何建议我可以使此自动完成功能对我的项目更具可重用性？

我必须实现一个前端，它目前只是来自第三方的剪辑，我正在使用 Angular 4 和 angular-cli。我宁愿使用 angular-material，但是很多 html 和 css 已经完成了，作为 UI 开发人员重做 UX 不是我的工作，所以....我的问题是，因为我使用 sass 作为样式，可以我使用以下？

然后将我的样式指向

？？？

我对 Angular 4 很陌生。我一直在研究 Angular 1.5.x，现在使用ngUpgrade混合方法在 Angular 4 中转换相同的应用程序。我ngx-bootstrap在我的混合应用程序中使用模态组件来替换现有的模态服务。

我在使用 service 的指南 ngx-bootstrap-modal中发现了一些问题。

这个说法有问题If you passed a component to .show() you can get access to opened modal by injecting BsModalRef

我在这里复制相同的示例，

我尝试运行这个例子，但我从来没有进入bsModalRef打开的模式。

我也尝试bsModalRef通过content，但它适用于一种模式并且无法使用嵌套模式。

有没有其他方法可以bsModalRef通过 ModalContentComponent？

在这里找到完整的例子，

在这里，我在安装 ngx 时收到上述错误

包.json

System.config.js

//这是我的 ngx-bootstrap

这里我得到错误为'ngx-bootstrap'：'npm：ngx-bootstrap/bundles/ngx-bootstrap.umd.js/modal.js'，

我以前的链接

请指导我，从我做错的地方

我正在使用这个包：https ://www.npmjs.com/package/angular2-draggable来制作模态。无论如何，我对模态有一点问题。每次我拖动它，移动它，关闭它然后再次打开它，它就会在它被移动的位置打开。无论如何，即使我之前移动过它，窗口如何在屏幕中央“弹出”？谢谢！

这里我使用 ngx-bootstrap 进行模态，因为我正在使用来自 ngx-bootstrap 网站的第一个模态示例。为什么我无法 2 打开我的模板这是我的代码

模块.ts

组件.ts

我正在使用 Visual Studio 2015 在 Angular2 中构建一个应用程序：主页中有两个按钮，它们都提供相同的弹出窗口。一切都很好，直到我决定为这个模式制作一个单独的组件。所以按钮保持在主页面上，而模式现在在另一个组件中。但现在我得到了错误：无法读取未定义的属性“显示”！在我的表演功能上。这是modal.component.ts：

这是modal.component.html：

主页组件html中的按钮：

主页组件.ts：

有人知道吗？我不知道我在哪里做错了！

我正在以 Angular 4 创建一个应用程序，并且我想要一个加载组件，以便用户可以意识到他提交了一个表单并且该应用程序正在做某事，并且该应用程序正在等待来自后端的信息。

我通过拥有一个加载器组件并使用 $rootScope 共享隐藏或显示的操作在 angularjs 中做到了这一点……但在 angular2/4 中，我不知道如何做到这一点。

理想情况下，我需要有一个加载组件，该组件将位于表单或页面的某个部分（当检索属于该部分的信息时）或可能在全屏上。

您能否提供有关如何执行此操作的线索？

谢谢！