一、验证
angularJS中提供了许多的验证指令,可以轻松的实现验证,只需要在表单元素上添加相应的尼日利亚属性,常见的如下所示:
输入类型=' text ' ng-model=' '[name=' '][required=' '][ng-required=' '][ng-min length=' '][ng-max length=' '][ng-pattern=' '][ng-change=' '][ng-trim=' '](9500 . 163.com)
表单与表单元素都需要通过名字引用,请注意设置名字的值。获得错误的详细参数可以在示例中看到。
示例代码:
!DOCTYPE html!-指定有角的管理的范围-html ng-app=' app01 ' head meta charset=' UTF-8 ' title验证/标题/头身!-指定控制器的作用范围-表格ng-控制器='控制器1 '名称='form1' p标签为='用户名'帐号:/标签输入类型=' text ' id=' username ' name=' username ' ng-model=' username ' ng-required=' true '/span ng-show=' form 1。用户名。$错误。“必需”必填=用户名的/span /p p标签密码:/标签输入类型=' text ' id=' password ' name=' password ' ng-model=' password ' ng-required=' true ' ng-pattern='/^[a-z]{6,8}$/' ng-trim=' true '/span ng-show=' form 1。密码。$错误。“必需”必填/span span ng-show=' form 1。密码。$错误。“模式”只允许6-8位小写字母/span /p p密码的值:{ {"[密码]"} } br/是否合法:表格1。密码。$ valid={ { form 1。密码。$ valid } } br/是否非法:表格1。密码。$无效={ { form 1。密码。$无效}}br/错误消息:表格1。密码。$ error={ { form 1。密码。$ error } } br/是否修改:表格1。密码。$ dirty={ { form 1。密码。$ dirty } } br/是否默认:表格1。密码。$ private={ { form 1。密码。$ private } } br//p p表单信息:br/错误消息:表单1。$error={{form1 .$error}}br/是否合法:表单1。$valid={{form1 .$valid}}br/是否非法:表单1。$无效={{form1 .$无效}}br//p p按钮ng-disabled='form1 ." $无效"提交/按钮/p/表单!-引入angularjs框架-脚本src=' http : js/angular 146/angular。量滴js ' type=' text/JavaScript ' charset=' utf-8 '/脚本脚本类型=' text/JavaScript '//定义模块,指定依赖项为空var app01=angular.module('app01 ',[]);//定义控制器,指定控制器的名称,$scope是全局对象app01.controller('Controller1 ',函数($ scope){ });/脚本/正文/html运行结果:
二、过滤器
使用过滤器格式化数据,变换数据格式,在模板中使用一个插值变量。语法格式如下:
{ { express | filter :参数1: p 2: p 3…|…|…} }过滤器分了内置过滤器与自定义过滤器,过滤器的调用方式也分了在模板中调用与在函数中调用。
2.1、内置过滤器
常见的内置过滤器有:
1)、货币(货币)
{{123.456 |货币