对于什么控件我应该使用md-input-container

时间:2015-10-24 19:51:08

标签: angularjs material-design angular-material

我可以在角度材料设计的“md-input-container”中放置哪些控件?

我之所以这样问是因为这个例子:

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

为什么我要查看“Spinner”又名滑块样本:

https://material.angularjs.org/latest/demo/slider

使用的md-input-container无处可去。但是只有当我用md-input-container包装类型号的输入时,微调器的外观似乎是一个物质组件。

查看md-input-container的API: https://material.angularjs.org/latest/api/directive/mdInputContainer

他们只提到“输入”和“TextArea”

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

当我再次回到微调器/滑块样本时,所有这些都不使用md-input-container。

这里有些错误或没有记载。

2 个答案:

答案 0 :(得分:2)

md-input-container必须是任何类型输入(文本,数字,日期等)的父容器,以便获得该材质的外观。

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

答案 1 :(得分:0)

md-input-container仅支持:

  • input
  • textarea

每个md-input-container只能输入一个输入,否则会抛出异常。

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

许多input types,例如emailweeknumbermonthpasswordsearch,{{1} tel支持{},texttime

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

  • md-input-container - checkbox首选
  • {li> md-checkbox - image ng-click首选 {li> img - radio首选中的md-radio-button
  • md-radio-group - Chrome中的占位符对齐已关闭
  • file - submit首选
  • md-button - reset首选
  • md-button - range首选

如果您在项目中使用输入,请务必使用md-slider模块。它会自动使您的应用程序更易于访问,并符合与可访问性相关的标准。