2017-10-23 4 views
0

私はマングルリストをAngular 4.4.6とAngular Material 2.0.0-beta.12の高さの高さのコンテナの中に構築しようとしています。親コンテナをあふれさせることなくマットリストをスクロール可能にするにはどうすればよいですか?ここで スクロール可能なマットリストを作成するには

はstackblitzのURLです: https://stackblitz.com/edit/angular-material2-issue-tedisv?file=app%2Fapp.component.scss

:host{ 
    border: 3px dashed red; 
    width: 100%; 
    min-height: 150px; 
    max-height: 350px; 
    height: 10%; 
    display: flex; 
    flex-direction: column; 
    mat-toolbar { 
    flex-grow: 0; 
    } 
    mat-list { 
    flex-grow: 1; 
    border: 3px solid green; 
    } 
} 
+0

デモはhttps://angular-material2-issue-tedisv.stackblitz.io/です。 –

答えて

0
mat-list { 
    flex-grow: 1; 
    border: 3px solid green; 
    overflow: auto; 
} 

私はオーバーフローを試してみたことを確信している:自動;昨日(質問を掲示する前に)とそれは働かなかった。しかし、今日はそれが動作します。 ng cliまたはブラウザのキャッシュに関するキャッシュの問題が発生している可能性があります。

関連する問題