如何增加ngbmodal的宽度

文章/答案/技术大牛

发布

2回答

自定义NgbModal大小

angular、angular6、ng-bootstrap

我使用Angular 6和NgbModal，如下所示 const viewModal = this.modalService.open(ProductComponent, {size: 'lg'});但这会打开宽度为50%的模式，两边只有25%的空间是空的。我想重新设计模式宽度高达90%的窗口宽度。

浏览 89提问于2018-09-20得票数 7

回答已采纳

1回答

angular、bootstrap-4

我需要知道如何增加ngbModal盒子的大小？由于框的尺寸较小，一些字体显示在框外。splited[0], value: splited[1]}; }); } } 只需要增加方框多一点

浏览 20提问于2019-06-11得票数 0

1回答

如何调整NgbModal的宽度

angular、ng-bootstrap、ng-bootstrap-modal

我正在尝试将NgbModal的宽度调整为80vw，但没有显示。我是不是错过了什么？我甚至浏览了docs，但没有显示如何添加自定义大小。下面是我的代码片段： .modal-content { width: 80vw; }

浏览 20提问于2020-01-13得票数 0

1回答

打开后更改NgbModal大小

angular、typescript、bootstrap-modal

我在启动模式的组件.ts文件中包含了这个 const modalRef = this.modalService.open(ModalFormComponent, { size : 'xl', scrollable

浏览 10提问于2022-03-11得票数 0

回答已采纳

3回答

覆盖根中提供的角提供者

angular、angular-dependency-injection

我在一个惰性模块中导入一个ng引导程序的模式库。此库具有根中提供的NgbModal服务。@Injectable({providedIn: 'root'})我把它注射到一个组件里。constructor(private modal: NgbModal) {} 我开发了那个类的扩展。export class CustomNgbModal extend

浏览 2提问于2020-01-29得票数 14

2回答

Angular 6模式，用作单独组件时增加模式的宽度

javascript、css、angular、modal-dialog、bootstrap-modal

，但我似乎不能将他们的解决方案应用到这个特定的用例中。import { Component, OnInit } from '@angular/core

浏览 1提问于2018-07-21得票数 1

1回答

在角4中增加自举模态

angular、modal-dialog、bootstrap-modal

我在角4中增加了一个基本的模态。问题是它看起来像它出现在页面背景中的模态。import { NgbModal } from '@ng-bootstrap/ng-bootstrap'; 我猜有东西不见了。提前谢谢。

浏览 2提问于2017-12-26得票数 0

回答已采纳

2回答

角5ng自举模式对话框的动态更改模板

angular、typescript、ng-bootstrap

所显示的是默认模板。我只是想知道如何实现这一点，因为在传递templateURL名称和位置时会调用它。下面是我的组件代码：import {Component, Input} from '@angular/core'; import {NgbModal, NgbActiveModal: NgbModa

浏览 0提问于2018-05-03得票数 5

回答已采纳

4回答

每当我以我的模式更新信息并关闭它时，我就需要触发它。我使用@ng-引导程序作为我的模式从‘@ng-引导/ng-引导’导入{ NgbModal }；构造函数(私有ngbModal: NgbModal，) viewModal() { const openModal = this.ngbModal.open(ModalComponent)；openModal .componentInstance.id = row.id；}: NgbAc

浏览 13提问于2022-06-06得票数 0

1回答

Ng Bootstrap -如何从另一个组件调用模态组件？

javascript、angular、bootstrap-modal

我是一个正在学习angular的新手。我有angularjs的背景。我有我的应用程序这样的结构。我的home.component.html是这样的。这是我的update-todo.ts。import {Component, ViewEncapsulation} from '@angular/core'; import {NgbModal, ModalDismissReasons} fromupdate-todo.css&

浏览 0提问于2018-04-04得票数 0

1回答

Angular 9，如何从NgbModal返回值返回到canDeactivate

angular9、candeactivate

谢谢你事先的帮助。我正在尝试通过NgbModal使用canDeactivate函数。这意味着，我想返回值取决于NgbModal的返回值。我已经看到它与公司警报一起工作，但它不像我想要的那样与NgbModal一起工作。这是我的代码，console.log(rtn)打印"Undefined“。我理解其中的原因，但不知道如何将NgbModal连接到canDeactive()。请帮帮我！

浏览 33提问于2020-09-08得票数 0

回答已采纳

1回答

侦听由数据触发的事件-在typescript中解除

angular、typescript、ng-bootstrap

我正在使用这个模式，我添加了一个函数来重置表单内部的值。但很快就意识到，如果用户在模式之外单击以关闭它，这将不起作用。form.form.valid"> </button> </form></div> 任何帮助都是非常感谢的！

浏览 6提问于2019-06-21得票数 0

1回答

将数据从其他组件传递到FormBuilder

angular、angular2-formbuilder

component1:下面是调用需要显示数据的组件的组件： import {export class component1 implements OnInit {

浏览 3提问于2018-02-07得票数 0

1回答

角度6误差处理-如何在模态中显示误差？

angular、error-handling、modal-dialog

我试图在一个模态对话框中显示错误，但我是一个完全有角的新手，我被困住了。该项目已经使用了引导程序，因此我尝试使用NgbModal： //do other即使这样做有效，我也不知道如何将错误变量传递给ErrorDisplayComponent (但是如果我让它正常工作的话，我会处理的)。根据文档()，“open()方法的内容可以作为Temp

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

1回答

bootstrap-4、jasmine、angular6、karma-jasmine、ng-bootstrap

h1> 按钮打开模型In ts文件constructor( public modalService: NgbModalthis.closeResul

浏览 2提问于2019-01-30得票数 4

回答已采纳

点击加载更多

自定义NgbModal大小