Angular Material md-input-container需要很大的空間

Question

我正在使用角材料樣品。 根據我的默認代碼md-input-container需要很大的空間。 我的輸出如下。

但我發現md-input-content空間較小，如下所示。

我不知道該怎么做。 我的md-input-container代碼示例如下。

  <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

你可以閱讀這份文件

關於您的問題的簡單代碼段：

<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>