《AngularJS 权威教程》 笔记

AngularJS 权威教程

 

别人的笔记: http://blog.51yip.com/jsjquery/1592.html

1. 初始AngularJS

2. 数据绑定和第一个AngularJS Web应用

3. 模块

// 声明模块应用
angular.module('myapp', [ ]);

// 获取模块应用
angular.module('myapp');

 

4. 作用域

 5.

6.

7. 过滤器

{{ expr | filter1 | filter2 | ... }}

7.1

1. currency

2. date:'yyyy-MM-dd HH:mm:ss.sss'

3. filter:['string' | {'porp':'value'}| function_name] : [boolean | function_name2]

4. json

5. limitTo : length (截取 length 长字符串或数组)

6. lowercase | uppercase

7. number : length

8. orderby:'+-name':true

7.2 

<form name="formName" >
    <input 
      name="inputFiledName"
      type="text | url | number | email" 
      required
      ng-minlength="5"
      ng-maxlength="8"
      ng-pattern="[a-zA-Z]"
    />
</form>

 7.3

formName.inputFieldName. [ $pristine | $dirty | $valid | invalid | $error]

$pristine：未修改 

$dirty :修改过

$valid: 表单内容合法

$invalid: 表单内容不合法

$error: 所有表单的验证内容

form1.url 打印不含 $error

<form name="form1" method=post action="">
  <div ng-controller="MyCtrl">
    <input type="url" name="url" ng-model="user.url" require ng-maxlength="20" value="" /><br>
    <span>$error: {{form1.url.$error}}</span>
    <!-- <span>$error: {"url":false,"maxlength":false}</span> -->
  </div>
</form>