如何調整角度材質的長度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-列表項元素。