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

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

最终解决：

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;

}