Angular材质选择元素未与其他表单控件

时间:2015-05-18 12:30:42

标签: angular-material

在使用Angular Material设计表单时,我注意到<md-select>指令未与其他输入控件对齐。见下文:

enter image description here

我确实从Angular Material页面上的example复制了代码,并添加了<md-select>。这是我的代码:

<div layout="column" layout-padding>
<md-content>
    <form>
        <div layout layout-sm="column">
            <md-select placeholder="Title" ng-model="vm.title">
                <md-option value="Mr">Mr.</md-option>
                <md-option value="Mrs">Mrs.</md-option>
                <md-option value="Ms">Ms.</md-option>
            </md-select>
            <md-input-container flex>
                <label>Last Name</label>
                <input ng-model="vm.lastName">
            </md-input-container>
            <md-input-container flex>
                <label>First name</label>
                <input ng-model="vm.firstName">
            </md-input-container>
        </div>
        <md-input-container flex>
            <label>Address</label>
            <input ng-model="vm.address">
        </md-input-container>
    </form>
</md-content>

我尝试添加<md-input-container>但没有运气。

1 个答案:

答案 0 :(得分:0)

我的错误,我在发布后直接在GitHub上发现了这个post:显然它已经在最新的提交中被修复了。