如何調整對話角度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