如何在 angular-material 中自定义输入下拉列表的位置？

Question

我找到了 'md-position-mode' 指令，但它只适用于菜单（'md-menu'），请帮我找到类似的输入下拉列表

Answer 1

如果 "inputs dropdown" 你的意思是 md-select 你可以使用 md-container-class 属性和一些 CSS - CodePen

标记

<md-input-container>
    <label>State</label>
    <md-select id="mySelect" ng-model="ctrl.userState" md-container-class="selectList">
      <md-option ng-repeat="state in ctrl.states" value="{{state.abbrev}}" ng-disabled="$index === 1">
        {{state.abbrev}}
      </md-option>
    </md-select>
</md-input-container>

CSS

.selectList {
  margin-left: 100px;
  margin-top: 50px;
}

md-select documentation

如何在 angular-material 中自定义输入下拉列表的位置？

How can i make custom position of inputs dropdown in angular-material?

frontend

angularjs

angularjs-directive

angular-material