禁用选项以在AngularJS中的md对话框外滚动

Question

我有以下对话框配置：

var position = this._mdPanel.newPanelPosition()
    .absolute()
    .center();

var config = {
    attachTo: angular.element(document.body),
    controller: PanelDialogCtrl,
    controllerAs: 'ctrl',
    disableParentScroll: this.disableParentScroll,
    templateUrl: 'tmp',
    hasBackdrop: true,
    panelClass: 'form-dialog',
    position: position,
    escapeToClose:true,
    trapFocus: true,
    clickOutsideToClose: false,
    focusOnOpen: true,
    locals:{ }
};

this._mdPanel.open(config);

但是当我在弹出窗口外滚动时，它会滚动。我希望对话框固定在没有任何移动的位置或外面的东西。

设置hasBackdrop: false不起作用。

Answer 1

如果要禁用模式外的滚动，请将disableParentScroll选项设置为true。

$mdDialog.alert()
    .disableParentScroll(true)

Demo