如何调整角度材质的长度md -input

Question

我该如何调整md-input元件的长度？ size/width属性似乎不起作用。 在下面的例子中，我试图让地面单位相同长度的块数

<md-list-item> 
    <md-input [(ngModel)]="customer.custEmail" name="custEmail" type="text" placeholder="Email address"></md-input> 
</md-list-item> 
<md-list-item> 
    <md-input [(ngModel)]="customer.custDisplayName" name="custDisplayName" type="text" placeholder="Display Name"></md-input> 
</md-list-item> 
<md-list-item> 
    <md-input [(ngModel)]="customer.addressPostal" name="addressPostal" type="number" placeholder="Postal Code"></md-input> 
</md-list-item> 
<md-list-item> 
    <md-input [(ngModel)]="customer.addressBlk" name="addressBlk" type="number" placeholder="Block No."></md-input> 
</md-list-item> 
<md-list-item> 
    <md-input [(ngModel)]="customer.addressStreet" name="addressStreet" type="number" placeholder="Street"></md-input> 
</md-list-item> 
<md-list-item> 
    <md-input [(ngModel)]="customer.addressFloor" name="addressFloor" type="number" placeholder="Floor" size="4"></md-input> - 
    <md-input [(ngModel)]="customer.addressUnit" name="addressUnit" type="number" placeholder="Unit" size="4"></md-input> 
</md-list-item> 

</md-list> 

Answer 1

我不使用角材料2，但“大小”属性似乎为我

<md-list-item> 
    <md-input-container> 
     <label>Inputfield</label> 
     <input type="text" ng-model="color" size="10"> 
    </md-input-container> 
    </md-list-item> 

工作

Answer 2

我也在努力设计ng2材质设计元素，但是我发现了一种如何克服这一点的方法 - 只需将类添加到md-list-element并对此类进行设计即可。就这样：

<md-list-item class="same-width"> <md-input [(ngModel)]="customer.custEmail" name="custEmail" type="text" placeholder="Email address"></md-input> </md-list-item> <md-list-item class="same-width"> <md-input [(ngModel)]="customer.custDisplayName" name="custDisplayName" type="text" placeholder="Display Name"></md-input> </md-list-item> ...

在CSS

.same-width { width: 300px; }

另一种选择是通过材料的定制修改MD-列表项元素。