如何调整对话角度2

Question

我跟着这个例子plnkr。如何调整模型大小（弹出dialogou）。我只是想知道在哪里增加高度和宽度。

Answer 1

在 modal.component.ts的 .modal-dialog格

只是改变风格：

<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