Angular 中修改bootstrap的模态框(modal)大小

发布时间：2020-12-17 08:37:44 所属栏目：安全来源：网络整理

导读：Angular 中修改bootstrap的模态框(modal)大小自己瞎搞改width的后果。。。看官网文档：https://ng-bootstrap.github.io/#/components/modal/examples https://github.com/ng-bootstrap/ng-bootstrap/blob/master/src/modal/modal.ts 最终解决： showWarnni

自己瞎搞改width的后果。。。

看官网文档：https://ng-bootstrap.github.io/#/components/modal/examples

https://github.com/ng-bootstrap/ng-bootstrap/blob/master/src/modal/modal.ts

最终解决：

showWarnningModal() {
    this.modalService.open(this.warnningModal,{ size: 'lg' }).result.then((result) => {
      if (result === 'OK') {
        // this.loadTopQueueDeliveryOrder();
      }
    },(reason) => {
      // this.closeResult = `Dismissed ${this.getDismissReason(reason)}`;
    });
  }

 
  import { 
  Injector,ComponentFactoryResolver } 
   from 
  '@angular/core'; 
 
  import { 
  NgbModalStack } 
  from 
  './modal-stack'; 
 
  import { 
  NgbModalRef } 
  from 
  './modal-ref'; 
 
  /** 
 
  * Represent options available when opening new modal windows. 
 
  */ 
 
  export 
  interface 
  NgbModalOptions { 
 
  /** 
 
  * Whether a backdrop element should be created for a given modal (true by default). 
 
  * Alternatively,specify 'static' for a backdrop which doesn't close the modal on click. 
 
  */ 
 
   backdrop 
  ?: 
  boolean 
  | 
  'static'; 
 
  /** 
 
  * An element to which to attach newly opened modal windows. 
 
  */ 
 
   container 
  ?: 
  string; 
 
  /** 
 
  * Whether to close the modal when escape key is pressed (true by default). 
 
  */ 
 
   keyboard 
  ?: 
  boolean; 
 
  /** 
 
  * Size of a new modal window. 
 
  */ 
 
   size 
  ?: 
  'sm' 
  | 
  'lg'; 
 
  /** 
 
  * Custom class to append to the modal window 
 
  */ 
 
   windowClass 
  ?: 
   string; 
 
   } 
 
  /** 
 
  * A service to open modal windows. Creating a modal is straightforward: create a template and pass it as an argument to 
 
  * the "open" method! 
 
  */ 
 
  export 
  declare 
  class 
   NgbModal { 
 
  private 
   _moduleCFR; 
 
  private 
   _injector; 
 
  private 
   _modalStack; 
 
  constructor(_moduleCFR 
  : 
  ComponentFactoryResolver,_injector 
  : 
  Injector,_modalStack 
  : 
  NgbModalStack); 
 
  /** 
 
  * Opens a new modal window with the specified content and using supplied options. Content can be provided 
 
  * as a TemplateRef or a component type. If you pass a component type as content than instances of those 
 
  * components can be injected with an instance of the NgbActiveModal class. You can use methods on the 
 
  * NgbActiveModal class to close / dismiss modals from "inside" of a component. 
 
  */ 
 
  open(content 
  : 
  any,options 
  ?: 
  NgbModalOptions) 
  : 
  NgbModalRef; 
 
   }

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!