Angular2 Bootstrap模式组件 - ng2-bs3-modal

Angular2 Bootstrap模式组件 - ng2-bs3-modal
插件名称 ng2-bs3-modal
发布时间 2020年11月1日
插件作者 dougludlow

一个Angular 2组件,用于创建和管理基于Bootstrap的模态窗口。

安装:

npm install –save ng2-bs3-modal

API

BsModalComponent

输入项

  • animation: boolean,默认值: true指定false仅显示模态而不是使其淡入/淡出视图。
  • backdrop: string | boolean,默认值: true指定'static'不单击时不会关闭模式的false背景或不设置背景。
  • keyboard: boolean,默认值: true当按下退出键时,关闭模态。指定false禁用。
  • size: string,默认值: undefined指定'sm'为小型和'lg'大型。
  • cssClass: string,默认值: undefined将给定的类应用于模式。可用于设置模态样式;例如,为其提供自定义尺寸。

输出项

  • onShow: EventEmitter<Event>show.bs.modal触发事件时(在显示模式之前)发出。调用Event.preventDefault()以取消显示模式。
  • onHide: EventEmitter<BsModalHideEvent>hide.bs.modal触发事件时(在隐藏模式之前)发出。调用BsModalHideEvent.event.preventDefault()以取消隐藏模式。
  • onClose: EventEmitter<any>发出时ModalComponent.close()被调用。会发出任何传递到的内容ModalComponent.close()
  • onDismiss: EventEmitter<BsModalHideType>ModalComponent.dismiss()被调用时,或使用键盘或背景关闭模态时发出。返回BsModalHideType,可用于确定如何消除模态。
  • onOpen: EventEmitter发出时ModalComponent.open()被调用。

方法

  • open(size?: string): Promise打开模态。大小是可选的。指定'sm'较小和'lg'较大以覆盖大小。返回完全显示模态时解析的promise。
  • close(value?: any): Promise<any>关闭模态。导致onClose排放。返回一个承诺,该承诺解决close模式被完全隐藏时传递给它的值。
  • dismiss(): Promise消除模态。导致onDismiss排放。返回一个承诺,该承诺将在模式被完全隐藏时解析。

BsModalHeaderComponent

输入项

  • showDismiss: boolean,默认值: false显示或隐藏标题中的关闭按钮。指定true显示。

BsModalFooterComponent

输入项

  • showDefaultButtons: boolean,默认值: false在页脚中显示或隐藏默认的“关闭”和“关闭”按钮。指定true显示。
  • closeButtonLabel: string,默认值: 'Close'在页脚的默认“关闭”按钮中更改标签。如果未设置showDefaultButtons,则无效。
  • dismissButtonLabel: string,默认值: 'Dismiss'在页脚的默认“关闭”按钮中更改标签。如果未设置showDefaultButtons,则无效。

BsModalService

方法

  • dismissAll(): void取消所有打开的模态。将注入BsModalService到要使用的组件/服务中。