如何在角度材料中制作输入下拉列表的自定义位置?

时间:2016-06-30 09:28:35

标签: angularjs angularjs-directive frontend angular-material

我找到'md-position-mode'指令,但它只适用于菜单('md-menu'),请帮我找一些类似的输入下拉列表

1 个答案:

答案 0 :(得分:1)

如果通过“输入下拉列表”表示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