ドロップダウンメニューの高さを調整してより多くのオプションを表示する（AngularJS Material）

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

私にとって、デフォルトでは5つのオプションが表示されます（4ではなく）。だから、私は私のCSSにこれを追加しました：

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

そしてそれは、「すべてのmd-selectタグ番号はあなたのために同じになるように持っているので、あなたまでの高さで再生されない代わりに、5の8つのオプションに合わせて作られました満足している。

希望に役立ちます。