ダイアログアングルのサイズを変更する方法

Question

私はこの例に従っていましたplnkr。モデルのサイズを変更するにはどうしたらいいですか？私はちょうど高さと幅を追加する場所を知りたがっていました。

Answer 1

だけmodal.component.tsに.modal-dialogの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