2017-12-31 8 views
0

Angularjs 소재가 처음이에요. 어쩌면이게 뭔가 분명해 보이지만 아직 이해할 수없는 것 같습니다.더 많은 옵션을 표시하기 위해 드롭 다운 메뉴 높이를 조정하십시오 (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> 

답변

0

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

다른 가능한 방법은 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 옵션에 맞게 만든 다시 만족합니다.

희망이 있습니다.

+0

오마르,이 작품은 훌륭합니다! 네 말이 맞아, 5 가지 값 ("제목"포함)을 돌려 준다. 나는 md-select 지시어를 살펴본 채 어떻게 든 그것을 놓치기를 바랐다. – user3363640

+0

당신은 환영한다. :) –

+0

흥분으로 "고맙습니다"라고 깜빡했다. 고마워요, 정말 고마워요! – user3363640

관련 문제