0
点赞
收藏
分享

微信扫一扫

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


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


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

自己瞎搞改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.
 
 
*/
 
 
?: 
  boolean 
  | 
  'static';
 
 
 
/**
 
 
* An element to which to attach newly opened modal windows.
 
 
*/
 
 
?: 
  string;
 
 
 
/**
 
 
* Whether to close the modal when escape key is pressed (true by default).
 
 
*/
 
 
?: 
  boolean;
 
 
 
/**
 
 
* Size of a new modal window.
 
 
*/
 
 
?: 
  'sm' 
  | 
  'lg';
 
 
 
/**
 
 
* Custom class to append to the modal window
 
 
*/
 
 
?: 
   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;
 
 
 

  }

举报

相关推荐

0 条评论