问题标签 [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.
angular - 不能让 Angular Universal 与现有的 CLI 项目一起工作?
我已经投入了 17 个小时试图让它发挥作用。我已经尝试了几乎所有我能找到的教程。
我有一个现有的 Angular 4 项目,可以在没有 Universal 的情况下完美地构建和运行。现有项目甚至可以通过 AOT 正常运行(这是运行的另一个痛苦)。
我在尝试运行服务器端渲染时遇到的当前错误是:
甚至花了一段时间才达到这一点。有很多 @types/node 错误,但现在我可以编译它,页面将无法加载。
在对错误进行了一些研究之后,ngx-bootstrap 可能与它有关,但我不是 100% 确定。
我将本教程与通用的 webpack 版本结合使用,因为没有 webpack,由于 ngx-bootstrap,我的项目将无法编译。
javascript - 在 ngx 引导模式外部单击时调用函数
当我们在 ngx bootstrap modal window 外部单击时是否可以调用函数。如果我们单击褪色区域,我想进行函数调用。
angular - 在 Angular 指令中包装 ngx-bootstrap/typeahead
我正在使用 ngx-bootstrap/typeahead 在我的页面中进行自动完成。这是我目前正在使用的代码:
零件:
getAutoCompleteResults()
以下列格式返回一个对象数组(可观察的):
现在,我认为我的组件中的代码不属于仅使用自动完成功能的组件。它也不会使其可重复使用那么多。我不想在组件和所有这些代码中包含所有这些代码(blur)="typeaheadOnBlur()"
,typeaheadWaitMs="300"
每次我想使用我的自动完成时,我都在考虑创建一个指令来使用它,如下所示:
您可能已经注意到,我无法使用viewModel.nestedProperty.country
ngx-bootstrap 进行绑定。看起来这$event
与.$event
typeaheadOnSelect($event)
我也不知道怎么处理(select)="mySelectFunction(???)"
。您如何建议我可以使此自动完成功能对我的项目更具可重用性?
angular - 我可以将 bootstrap-sass 与 ngx-bootstrap 一起使用吗
我必须实现一个前端,它目前只是来自第三方的剪辑,我正在使用 Angular 4 和 angular-cli。我宁愿使用 angular-material,但是很多 html 和 css 已经完成了,作为 UI 开发人员重做 UX 不是我的工作,所以....我的问题是,因为我使用 sass 作为样式,可以我使用以下?
然后将我的样式指向
???
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
?
在这里找到完整的例子,
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',
我以前的链接
请指导我,从我做错的地方
angular - ngx-bootstrap - 可拖动的模态在它被移动的地方打开
我正在使用这个包:https ://www.npmjs.com/package/angular2-draggable来制作模态。无论如何,我对模态有一点问题。每次我拖动它,移动它,关闭它然后再次打开它,它就会在它被移动的位置打开。无论如何,即使我之前移动过它,窗口如何在屏幕中央“弹出”?谢谢!
twitter-bootstrap - Ngx-bootstrap 错误,因为 self.context.openModal.template 不是 Modal 的功能
这里我使用 ngx-bootstrap 进行模态,因为我正在使用来自 ngx-bootstrap 网站的第一个模态示例。为什么我无法 2 打开我的模板这是我的代码
模块.ts
组件.ts
visual-studio - 带有 ngx-bootstrap 的模态给我错误:无法读取未定义的属性“显示”
我正在使用 Visual Studio 2015 在 Angular2 中构建一个应用程序:主页中有两个按钮,它们都提供相同的弹出窗口。一切都很好,直到我决定为这个模式制作一个单独的组件。所以按钮保持在主页面上,而模式现在在另一个组件中。但现在我得到了错误:无法读取未定义的属性“显示”!在我的表演功能上。这是modal.component.ts:
这是modal.component.html:
主页组件html中的按钮:
主页组件.ts:
有人知道吗?我不知道我在哪里做错了!
angular - 在 Angular2/4 中加载组件
我正在以 Angular 4 创建一个应用程序,并且我想要一个加载组件,以便用户可以意识到他提交了一个表单并且该应用程序正在做某事,并且该应用程序正在等待来自后端的信息。
我通过拥有一个加载器组件并使用 $rootScope 共享隐藏或显示的操作在 angularjs 中做到了这一点……但在 angular2/4 中,我不知道如何做到这一点。
理想情况下,我需要有一个加载组件,该组件将位于表单或页面的某个部分(当检索属于该部分的信息时)或可能在全屏上。
您能否提供有关如何执行此操作的线索?
谢谢!