Angular Material md-input-container 占用大量空间

Posted 2023-03-06

【中文标题】Angular Material md-input-container 占用大量空间

【英文标题】：Angular Material md-input-container takes large space

【发布时间】：2016-08-27 15:49:04

【问题描述】：

我正在处理有角度的材料样本。根据我的默认代码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>

【问题讨论】：

您希望在一行中有多个 md-input-container。对吗？

你解决了吗？

不，我无法通过它

【参考方案1】：

您可以阅读this 的相关文档

关于你的问题的简单代码sn-p：

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