我可以在角度材料设计的“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。
这里有些错误或没有记载。
答案 0 :(得分:2)
md-input-container
必须是任何类型输入(文本,数字,日期等)的父容器,以便获得该材质的外观。
但是,如果您不需要这些材质样式的占位符,标签和验证,您仍然可以使用未嵌套在容器中的输入。幻灯片示例就是这种情况。
答案 1 :(得分:0)
md-input-container
仅支持:
input
textarea
每个md-input-container
只能输入一个输入,否则会抛出异常。
md-slider演示和文档已全部更新为使用md-input-container
。
许多input types,例如email
,week
,number
,month
,password
,search
,{{1} tel
支持{},text
和time
。
以下类型可能没有理想的行为:
md-input-container
- checkbox
首选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
模块。它会自动使您的应用程序更易于访问,并符合与可访问性相关的标准。