Angular2私は私の自宅のコンポーネントからヘルプダイアログを開くためにMdlDialogServiceを使用しています

Question

mdldialogserviceスクロール内容：私は、ヘルプコンテンツの多くを持っている場合今

<app-home></app-home> 
<dialog-outlet></dialog-outlet> 

：

openHelpDialog(){ 

    this.dialogService.showCustomDialog({ 
     component: HelpComponent, 
     animate: true, 
     isModal: true, 
     styles: {'width': '500px', 'overflow-y':'scroll'}, 
     clickOutsideToClose: true 

    }) 
} 

そして、私のアプリのコンポーネントにその後、モーダル高さは、単純にチョップされる：

高さを特定の％に制限してからスクロールして内容を確認するにはどうすればよいですか？

Answer 1

私は、次のようなスタイルでの最大の高さを追加しました：

this.dialogService.showCustomDialog({ 
     component: HelpComponent, 
     animate: true, 
     isModal: true, 
     styles: {'width': '500px', 'max-height':'500px' ,'overflow-y':'scroll'}, 
     clickOutsideToClose: true 

    }) 

Answer 2

使用CSS最大絶頂proprtyを。 css max hegight property

スタイルのプロパティの最大高さ：250px