对于哪些控件我应该使用 md-input-container答案

【问题标题】：For what controls should I use md-input-container对于哪些控件我应该使用 md-input-container
【发布时间】：2015-10-24 19:51:07
【问题描述】：

我可以在带有角度材料设计的“md-input-container”中放入哪些控件？

我之所以问这个是因为这个示例，例如：

<md-input-container>
   <input flex="" flex min="0" max="20" type="number" ng-model="testNumber">
</md-input-container>

为什么我会查看“Spinner”又名滑块示例：

没有使用 md-input-container。但只有当我使用 md-input-container 包装类型 number 的输入时，微调器的外观才看起来像一个材质组件。

他们只提到“输入”和“文本区域”

输入可以是任何类型...

当我现在再次回顾微调器/滑块示例时，它们都没有使用 md-input-container。

所以这里有问题或没有记录。

【问题讨论】：

【解决方案1】：

md-input-container 必须是任何类型输入（文本、数字、日期等）的父容器，才能获得该材料的外观和感觉。

但是，如果您不需要这些材质样式的占位符、标签和验证，您仍然可以使用未嵌套在容器中的输入。在 Sliders 示例中就是这种情况。

【讨论】：

【解决方案2】：

md-input-container 仅支持：

每个md-input-container 中只能有 1 个输入，否则将引发异常。

md-slider 演示和文档已全部更新为使用md-input-container。

支持input typesemail、week、number、month、password、search、tel、text 和 time .

以下类型可能没有理想的行为：

如果您在项目中使用输入，请确保使用angular-aria 模块。它会自动使您的应用更易于访问并符合与可访问性相关的标准。

【讨论】：