스크롤 가능한 매트리스트를 만드는 방법

Question

저는 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; 
    } 
} 

Answer 1

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

내가 오버 플로우를 시도했습니다 확신 : 자동; 어제 (질문 게시하기 전에) 그리고 작동하지 않았습니다. 하지만 오늘은 효과가 있습니다. ng cli 또는 브라우저 캐시와 관련된 캐싱 문제가 발생할 수 있습니다.