Trung tâm cá nhân
sách gpt4 ăn đã đi

angular - 如何在 Angular 2 Material Design 中使 MdDialog 可拖动(可移动)

In lại 作者：太空狗 更新时间：2023-10-29 19:34:33 24 4
mua khóa gpt4 giày nike

我正在使用 Angular2 及其 Material Design( https://material.angular.io ) 创建一个小型网络应用程序，我在其中使用 MdDialog 来使用以下代码显示对话框:

import {Component} from '@angular/core';
import {MdDialog, MdDialogRef} from '@angular/material';


@Component({
  selector: 'dialog-result',
  templateUrl: './dialog-result.html',
})
export class DialogResult {
  selectedOption: string;

  constructor(public dialog: MdDialog) {}

  openDialog() {
    let dialogRef = this.dialog.open(Dialog);
    dialogRef.afterClosed().subscribe(result => {
      this.selectedOption = result;
    });
  }
}


@Component({
  selector: 'dialog',
  templateUrl: './dialog.html',
})
export class Dialog {
  constructor(public dialogRef: MdDialogRef) {}
}

我想让对话框可以使用鼠标拖动或移动，这样我也可以看到我的页面内容。

câu trả lời hay nhất

我正在使用 Draggabilly 库。

当打开一个对话框组件时，在选项中传递一个服装'panelClass':

let dialogRef = this.dialog.open(Dialog, {
    panelClass: 'dialog-container'
});

然后，在对话框组件 ngOnInit 钩子(Hook)中初始拖动:

const holder = new draggablilly('.dialog-container');

关于angular - 如何在 Angular 2 Material Design 中使 MdDialog 可拖动(可移动)，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/43916202/

24 4 0
Đề xuất bài viết: angular - 农业网格 : How to set custom background color in column header?
Đề xuất bài viết: python - Python3 中的 ElementTree TypeError "write() argument must be str, not bytes"
Đề xuất bài viết: Python/Tensorflow - reshape 的输入是一个具有 92416 个值的张量，但请求的形状需要 2304 的倍数
Đề xuất bài viết: Angular2如何将ngModel添加到动态组件
太空狗
Hồ sơ

Tôi là một lập trình viên xuất sắc, rất giỏi!

Nhận phiếu giảm giá taxi Didi miễn phí
Phiếu giảm giá taxi Didi
Các bài viết phổ biến trên toàn bộ trang web
Chứng chỉ ICP Bắc Kinh số 000000
Hợp tác quảng cáo: 1813099741@qq.com 6ren.com
Xem sitemap của VNExpress