如何在ngx-bootstrap Modal中使用angularjs升级组件？

文章/答案/技术大牛

发布

1回答

Angular路由器链接在模式中打开，而不是在新页面中打开

angular

我创建了一个组件模式，它应该显示更多的数据，但问题是，当我单击特定的行时，它会将我带到另一个页面，我希望将其显示为模式，而不是在新页面中。这是我的routing.module.js { path: 'sidebarComp', component: SidebarComponent } 有谁知道如何显示新组件而不重定向到新页面？

浏览 6提问于2020-03-26得票数 0

1回答

angularjs、angular、angular-upgrade、ngx-bootstrap-modal

我有一个混合的Angular应用程序(Angular 8.2.14和angularjs 1.8.0)，它使用Valor Software的ngx-bootstrap (5.3.2) modals。我仍然有几个组件是angularjs，而且足够复杂，我不能很快地升级它们。我已经正确地引导了我的应用程序，这样通常升级和降级的组件就可以正常工作了。有一种情况下这种情况没有发生，我认为这是因为ngx-bootstrap的BsModalSer

浏览 40提问于2020-12-11得票数 2

1回答

Angular Bootstrap模式在Ngfor中不起作用

javascript、angular、bootstrap-modal、angular8、ngfor

我使用的是Angular 8，在这里我需要在NgFor循环中做一个弹出窗口，数据是在弹出模式下绑定的，但相同的数据在引导模式下是连续绑定的… 我的Html是 <tr *ngFor="let law of="myLargeModalLabel" aria-hidden="true"> <div class="modal-cont

浏览 24提问于2021-02-01得票数 2

3回答

如何从另一个组件打开一个模式？

twitter-bootstrap、angular、ngx-bootstrap

我试图做的是从另一个组件打开一个模式，但是当component1.html加载时，我总是得到这个错误TypeError: Cannot create property 'validator' on stringcomponent1.html <button type="button" class="btn btn-outline-primary btn-lg" (click)="modal.showModal<child-modal #childModal &

浏览 3提问于2017-10-12得票数 11

回答已采纳

2回答

如何在组件中引用ng-模板

javascript、html、angular、ng-template

如何在我的<ng-template #modal_Template>文件中引用component.ts。以前，我通过html文件上的一个按钮调用了一个模式，并使用了这个<button type="button" class="btn btn-primary" (click)="openModal(modal_Template)">Create template modal</button&

浏览 2提问于2019-10-11得票数 1

回答已采纳

2回答

角5想要从ngx引导模式得到值到一个组件。

angular、angular5

我希望从ngx引导模式获得一个值到父组件(从该模型被调用/打开的位置)。情况是，单击父组件中的超链接将打开一个模式。当我单击模式中的submit按钮时，数据将传递给父组件。在父组件.ts文件中，我编写了以下内容：在模态.ts文件<em

浏览 0提问于2018-12-28得票数 0

7回答

找不到模块‘ngx-引导’

node.js、angular、typescript、npm、ngx-bootstrap

例如：生成“无法找到模块‘ngx-引导程序’”。移除引用并检查快速修复时，只需将引用替换为：显然，这并不理想，因为它们应该可以通过ngx引导程序获得，而不需要指定文件夹，而且我需要查看几十个组件</em

浏览 0提问于2020-04-07得票数 37

9回答

ngx-引导模式:如何从一个模式中获得返回值？

angular、modal-dialog、bootstrap-modal、ngx-bootstrap、confirm-dialog

在我的角4应用程序中，让我们假设我在一个服务中。在某种程度上，我想向用户请求确认，目前我只使用一个confirm(...)请求：如果我想用两个按钮“是”或“否”显示一个ngx-bootstrap 模态，并得到类似的结果，该怎么办？编辑：在我的例子中，我通过玩主题来解决我的问题。

浏览 16提问于2017-09-25得票数 48

回答已采纳

6回答

如何将数据从ModalService传递到组件

angular、typescript、ngx-bootstrap、ngx-bootstrap-modal

我正在尝试使用ngx-bootstrap-modal将数据从一个模态服务传递到一个模态组件。显示了以下内容：但它并没有显示ModalContentComponent实际上是如何使用该状态的我在调试器中尝试过，但我从未看到我的组件获得这些数据。如何从组件访问它？

浏览 18提问于2018-02-07得票数 6

2回答

如何从角度8的其他部件打开引导模态窗口？

javascript、angular、typescript、bootstrap-4、modal-dialog

现在，我想从一个不同的组件打开同一个模式窗口，我尝试了一些东西，但是它不起作用，下面是我的代码， <button type="button" class="btn btn-primary" (click)="openModal()">Sign In</button> <div id="signInModal" class="modal fade m-5" role

浏览 6提问于2020-10-16得票数 3

回答已采纳

1回答

正在引导导入所有组件吗？

angular、ng-bootstrap、ngx-bootstrap

@NgModule({ imports: [ ...ng引导是否导入了所有的组件，如ngb-旋转木马、ngb-进度条等等，即使我没有使用它？还有另一个引导库，，它会导入以下每个组件@NgModule({ imports: [ModalModule.forRoot

浏览 6提问于2017-10-19得票数 3

回答已采纳

1回答

如何在没有循环依赖的情况下从另一个模态组件内部打开一个模态组件？

modal-dialog、bootstrap-modal、ngx-bootstrap

我有两个ngx-bootstrap模态创建作为独立的组件(不使用模板变量)-登录模态和注册模态。每个通道都有单独的组件，它们位于我的共享模块中，可以从其他模块调用。但问题是，有一个选项可以让这些模态相互呼叫-您可以单击登录模式中的按钮，该按钮必须带给您注册模式，反之亦然。当我尝试使用BsModalService执行此操作时，会出现循环依赖错误，因为我已经将登录组件导入了注册组件中，并将注册组件导入了

浏览 0提问于2019-06-07得票数 1

9回答

如何对ngx-引导模态进行中心化

css、angular、centering、ngx-bootstrap、ngx-bootstrap-modal

试图使用这样的CSS对这个进行居中，但它不起作用： display: flex; align-items:center;但是在dev工具中，我可以添加这样的CSS： top: 50%因此，至少它是垂直居中的，但是这是在dev工具中，并且在.modal.dialog我希望通过提供输入消息和添加一个是/否对话框，并输出用户选择(使用</

浏览 13提问于2017-10-23得票数 17

回答已采纳

1回答

模块'DynamicTestModule‘导入了意外的值'ModalModule’

angular、jestjs、ngx-bootstrap

我正在尝试测试MyComponent，它使用了ngx-bootstrap的模式指令(就像在https://valor-software.com/ngx-bootstrap/#/modals#directive-section组件本身可以完美地工作，但是当我尝试测试它时，我得到了这个错误： Unhandled Promise rejection: Unexpected value 'ModalModule' importedfixture = TestBe

浏览 75提问于2021-03-23得票数 0

1回答

ngx-bootstrap模式不检测我的组件属性

angular、bootstrap-modal、ngx-bootstrap

我正在使用ngx-bootstrap for bootstrap 3.3.7，目前正在尝试让模态服务完全工作。将打开模式对话框，但显示的唯一内容是静态内容。我传递给服务的动态内容都不起作用，主要是因为bsModalRef似乎没有获取我的组件属性。下面是Modal组件：imp

浏览 0提问于2017-07-29得票数 1

1回答

角分量间的圆依赖关系

angular、typescript、popup

我得到了循环依赖，因为我使用组件到另一个组件中，我有四个不同的组件，如下所示， import {BsModalService, ModalDir

浏览 2提问于2019-05-03得票数 1

3回答

我在“ngx-引导”和“@ng-引导/ng-引导”之间混淆。

twitter-bootstrap、angular、typescript、bootstrap-4

我计划在我的项目中使用带有角4的引导带4，但我在npm install --save @ng-bootstrap/ng-bootstrap和npm install ngx-bootstrap --save

浏览 7提问于2017-11-04得票数 4

回答已采纳

3回答

ngx引导模式未正确插入

angular、ngx-bootstrap、ngx-bootstrap-modal

我试图使用这个'BsModalService‘来打开一个模式，但是我得到了下面的错误。这是我的组件。/providers/window.service"; import { BsModalRef} from 'ngx-bootstrap/modal/bs-modal</em

浏览 18提问于2018-02-16得票数 0

1回答

使用AngularJS显示引导带3模式

angularjs、bootstrap-modal

我使用的是AngularJS 1.5.0和Bootstra3.3.6。$("#myModal").modal()与JQuery一起工作，但我需要让它与AngularJS一起工作。

浏览 4提问于2019-09-27得票数 1

回答已采纳

3回答

错误TypeError:在具有角6的ngx引导程序中，无法读取null属性'createText‘

angular、twitter-bootstrap、typescript、ngx-bootstrap

我想打开ngx-引导模式从一个不同的组件使用@ViewChild在角6，但我得到了这个错误。在in元素中，这个标记也是可见的。<bs-mod

浏览 0提问于2018-10-11得票数 4

点击加载更多

Angular路由器链接在模式中打开，而不是在新页面中打开