开发手册 欢迎您!
软件开发者资料库

Angular Material- 输入

Angular Material输入 - 从简单和简单的步骤学习角度材料从基本到高级概念,包括概述,环境设置,自动完成,底部工作表,按钮,卡片,复选框,芯片,联系芯片,内容,DatePicker,对话框,分频器, Fab Speed Dial,Fab工具栏,网格,图标,输入,布局,列表,菜单,菜单栏,进度条,单选按钮,选择,SideNav,滑块,Subheaders,刷卡,开关,标签,主题,Toast,工具栏,工具提示,排版,虚拟重复,WhiteFrame。

md-input-container 是一个Angular指令,是一个容器组件,包含任何< input> < textarea> 作为孩子的元素.它还支持使用标准ng-messages指令进行错误处理,并使用ngEnter/ngLeave事件或ngShow/ngHide事件为消息设置动画.

属性

下表列出了 md-input-container 的不同属性的参数和描述.

Sr.No参数&说明
1

md-maxlength

此输入中允许的最大字符数.如果指定了此项,则输入下方将显示一个字符计数器. md-maxlength的目的是显示最大长度计数器文本.如果您不想要计数器文本并且只需要"普通"验证,则可以使用"简单"ng-maxlength或maxlength属性.

2

aria-label

如果没有标签,则需要Aria-label.如果标签不存在,控制台中将记录一条警告消息.

3

占位符

在标签不存在时使用aria-label的另一种方法.占位符文本将复制到aria-label属性.

4

md-no-autogrow

如果存在,textareas将不会自动增长.

5

md-检测隐藏

当存在时,textareas在被隐藏后显示时会正确调整大小.出于性能原因,默认情况下这是关闭的,因为它保证了每个摘要周期的重排.

示例

以下示例显示了md-input-container指令的使用以及输入的使用.

am_inputs. htm

                                                                  angular            .module('firstApplication', ['ngMaterial'])            .controller('inputController', inputController);         function inputController ($scope) {            $scope.project = {               comments: 'Comments',                };         }                                                                                                                                                                            This is required.
                  
                                                                                                                                                Your email must be between 10 and 100 characters long and should                        be a valid email address.                                                                                                                                                               This is required.                     The comments has to be less                        than 300 characters long.                                                                              

结果

验证结果.