더 많은 옵션을 표시하기 위해 드롭 다운 메뉴 높이를 조정하십시오 (AngularJS 재질)

Question

Angularjs 소재가 처음이에요. 어쩌면이게 뭔가 분명해 보이지만 아직 이해할 수없는 것 같습니다.

나는 처음에 클릭 할 때 4 개의 옵션 만 표시하고 나머지는 아래로 스크롤하여 볼 수 있고 액세스 할 수있는 객관식 드롭 다운 메뉴가 있습니다. 보기를 다른 고정 숫자로 확장하려고합니다 (예 : 스크롤하지 않고 8 개의 옵션 맞춰보기).

그러나 Make multiple-select to adjust its height to fit options without scroll bar

, 어떤 영향도 "크기"이나 "NG 크기"여기

내 예제와 함께이하지 않는 것 같다

는 내가 전에 아주 비슷한 질문이 질문을 발견 : md-select의 문서를 보면

는

<md-input-container> 
    <label>Providers</label> 
    <md-select ng-size="10" ng-model="vm.selectedProviders" ng-change="vm.prov()" multiple> 
     <md-optgroup label="Providers"> 
      <md-option ng-value="provider.namep" ng-repeat="provider in vm.providers">{{provider.namep}}</md-option> 
     </md-optgroup> 
    </md-select> 
</md-input-container> 

Answer 1

, 옵션의 수를 지정하는 속성이있을 것 같지 않습니다 표시합니다.

다른 가능한 방법은 AngularJS Material에서 기본적으로 설정된 최대 높이를 변경하는 것입니다. 그들은 다음과 같이 설정합니다 :

md-select-menu, md-select-menu md-content { 
    max-height: 256px; 
} 

나를 위해, 그것은 기본적으로 (4가 아닌) 5 가지 옵션을 표시합니다. 그래서, 내 CSS이 추가 :

md-select-menu, md-select-menu md-content { 
    max-height: 385px; 
} 

그리고 그것은 '모든 md-select 태그 수는 당신을 위해 동일해야하므로까지 높이 재생되지 않는 대신 5의 8 옵션에 맞게 만든 다시 만족합니다.

희망이 있습니다.