问题标签 [ngx-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 投票
1 回答
513 浏览

angular - 不能让 Angular Universal 与现有的 CLI 项目一起工作?

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

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

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

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

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

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

0 投票
0 回答
298 浏览

javascript - 在 ngx 引导模式外部单击时调用函数

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

0 投票
2 回答
1111 浏览

angular - 在 Angular 指令中包装 ngx-bootstrap/typeahead

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

零件:

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

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

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

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

0 投票
1 回答
854 浏览

angular - 我可以将 bootstrap-sass 与 ngx-bootstrap 一起使用吗

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

然后将我的样式指向

???

0 投票
3 回答
11955 浏览

angularjs - 如何在打开的模态组件中访问“BsModalRef”?

我对 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

在这里找到完整的例子,

0 投票
1 回答
292 浏览

angularjs - XHR 错误 (404 Not Found) 加载 node_modules/ngx-bootstrap/bundles/ngx-bootstrap.umd.js/modal.js

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

包.json

System.config.js

//这是我的 ngx-bootstrap

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

我以前的链接

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

0 投票
1 回答
823 浏览

angular - ngx-bootstrap - 可拖动的模态在它被移动的地方打开

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

0 投票
1 回答
241 浏览

twitter-bootstrap - Ngx-bootstrap 错误,因为 self.context.openModal.template 不是 Modal 的功能

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

模块.ts

组件.ts

0 投票
1 回答
5609 浏览

visual-studio - 带有 ngx-bootstrap 的模态给我错误:无法读取未定义的属性“显示”

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

这是modal.component.html:

主页组件html中的按钮:

主页组件.ts:

有人知道吗?我不知道我在哪里做错了!

0 投票
3 回答
5690 浏览

angular - 在 Angular2/4 中加载组件

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

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

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

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

谢谢!