在使用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>
但没有运气。