我正在处理 Angular Material 样本。根据我的默认代码 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>

最佳答案

你可以阅读 this相关文档

关于您的问题的简单代码片段:

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

关于javascript - Angular Material md-input-container 占用空间大，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/36989909/