Materiale angolare contenitore di input md occupa molto spazio

Question

Sto lavorando con un campione di materiale angolare. Secondo il mio codice predefinito md-input-container occupa molto spazio. La mia uscita come segue.

Ma ho scoperto md-input-content con meno spazio come segue.

Non sono sicuro di come farlo. Il mio esempio di codice md-input-container come segue.

<md-input-container class="md-block" flex-sm> 
    <label>Name</label> 
    <input md-maxlength="50" required name="name" ng-model="user.name"/> 
    </md-input-container> 

Answer 1

si può leggere this documentazione relativa a tale

semplice frammento di codice sulla tua domanda:

<div flex="100" class="flex flex-col"> 
    <md-input-container class="md-block"> 
     <label>Name</label> 
     <input md-maxlength="50" required name="name" ng-model="user.name"/> 
    </md-input-container> 

    <md-input-container class="md-block"> 
      <label>Surname</label> 
      <input md-maxlength="50" required name="surname" ng-model="user.surname"/> 
    </md-input-container> 
</div>