如何调整对角角度2

Question

我正在关注此示例plnkr。如何调整模型大小（弹出对话框）。我只是想知道在哪里添加高度和宽度。

Answer 1

只需更改.modal-dialog中modal.component.ts div的样式：

<div class="modal-dialog" style="width: 200px">
                            ^^^^^^^^^^^^

Plunker Example

您还可以使用@Input属性

动态设置此值

@Component({
  selector: 'app-modal',
  template: `
     ...
    <div class="modal-dialog" [style.width.px]="width">
     `
})
export class ModalComponent {
  @Input() width;

然后在您的父组件中：

<app-modal #modal1 [width]="200">

<强> Plunker Example