Angular material select 元素未与其他表单控件对齐

Question

在使用 Angular Material 设计表单时，我注意到 <md-select> 指令与其他输入控件不一致。见下文：

我从 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> 但没有成功。

Answer 1

我的错误，我在发布后立即在 GitHub 上发现了这个 post：显然它已经在最新的 master 提交之一中得到修复。

Angular material select 元素未与其他表单控件对齐

Angular material select element not aligned with other form controls

angular-material