完成的事情：

搞了PPT，听了个小课堂，复盘没有进度

计划的事情：

继续页面样式。

问题：

听小课堂后，测试了一下不使用监听和广播功能时候，父子级的数据关系，

父级处

$scope.test = [1,2,3];

子集处

$scope.test.push(4);

可以实现对父级的变量数据修改，且子集能够使用，但是子级添加上

$scope.test = [1,2,5]

后，加在前面，则push只对子级有效，加在后面push仍有效果。

猜测：$scope.xxx = yyy属于变量的创建，若$scope.xxx.push()这种使用方法的话，只算是数据操作，当子级没有该变量时候，往父级搜索，当子级自己建立了该变量后，方法只对本身数据进行操作，不再往上级搜索。

ng-controller = "aaaa as testCtrl"的用法还没试出来，待页面样式差不多了再试。

收获：

angular。

【js-10】如何使用正则表达式？

小课堂【成都】

1.背景介绍

正则表达式由一些普通字符和一些元字符（metacharacters）组成。普通字符包括大小写的字母和数字，而元字符则具有特殊的含义。

在编写处理字符串的程序或网页时，经常会有查找符合某些复杂规则的字符串的需要。正则表达式就是用于描述这些规则的工具。换句话说，正则表达式就是记录文本规则的代码。

2.知识剖析

假设你在一篇英文小说里查找hi，你可以使用正则表达式hi，当然，这个也算是正则表达式。

这几乎是最简单的正则表达式了，它可以精确匹配这样的字符串：由两个字符组成，前一个字符是h,后一个是i。通常，处理正则表达式的工具会提供一个忽略大小写的选项，如果选中了这个选项，它可以匹配hi,HI,Hi,hI这四种情况中的任意一种。

不幸的是，很多单词里包含hi这两个连续的字符，比如him,history,high等等。用hi来查找的话，这里边的hi也会被找出来。如果要精确地查找hi这个单词的话，我们应该使用\bhi\b。

假如你要找的是hi后面不远处跟着一个Lucy，你应该用\bhi\b.*\bLucy\b。

这里，.是另一个元字符，匹配除了换行符以外的任意字符。*同样是元字符，不过它代表的不是字符，也不是位置，而是数量——它指定*前边的内容可以连续重复使用任意次以使整个表达式得到匹配。因此，.*连在一起就意味着任意数量的不包含换行的字符。现在\bhi\b.*\bLucy\b的意思就很明显了：先是一个单词hi,然后是任意个任意字符(但不能是换行)，最后是Lucy这个单词。

如果同时使用其它元字符，我们就能构造出功能更强大的正则表达式。比如下面这个例子：

0\d\d-\d\d\d\d\d\d\d\d匹配这样的字符串：以0开头，然后是两个数字，然后是一个连字号“-”，最后是8个数字(也就是中国的电话号码。当然，这个例子只能匹配区号为3位的情形)。

这里的\d是个新的元字符，匹配一位数字(0，或1，或2，或……)。-不是元字符，只匹配它本身——连字符(或者减号，或者中横线，或者随你怎么称呼它)。

为了避免那么多烦人的重复，我们也可以这样写这个表达式：0\d{2}-\d{8}。这里\d后面的{2}({8})的意思是前面\d必须连续重复匹配2次(8次)。

这就是正则表达式的简单匹配方法，再多的就不说了，下面就针对angular的表单验证举两个正则表达式的应用小例子。

3.常见问题

4.解决方案

5.编码实战

<form name="myForm" ng-model="myForm">

  <div class="list2-list"><span class="list2-project"><b>姓名：</b></span>

    <input type="text" class="list2-text" name="lisName" ng-model="vm.lisName" 

placeholder="姓名" ng-pattern="/^[\u4e00-\u9fa5]{2,6}$/" />

    <span style="color:red" ng-show="myForm.lisName.$dirty && myForm.lisName.$invalid">

请输入2-6位中文字符

    </span>

  </div>

  <div class="list2-list"><span class="list2-project"><b>QQ：</b></span>

    <input type="text" class="list2-text" name="lisQQ" ng-model="vm.lisQQ" 

placeholder="QQ" ng-pattern="/^[0-9]{6,15}$/" />

    <span style="color:red" ng-show="myForm.lisQQ.$dirty && myForm.lisQQ.$invalid">

请输入6-15位数字

    </span>

  </div>

</form> 

上面是修真院的js任务10中的输入框内容验证的一段代码，明显的，限定“姓名”为2~6位中文字符，限定“QQ”为6~15位数字，若不满足条件，则输出对应的红色文字警告。

6.扩展思考

7.参考文献

参考一：百度百科http://baike.baidu.com/link?url=ji0hID2eiNGX1fEm9jMWSXIU8GjkDffqYHbKbNJc7RHlvrMzGCrUZdLBcVBIl_w_IlKQ6-AfFuTCWDqb-Ubq5G1I2W4gTNmzVP655apVrRzE_uaEQZMKw2R9YbzGUUnbOp5v-4FlN5sqV8MXNune2a#4

参考二：正则表达式30分钟入门教程http://deerchao.net/tutorials/regex/regex.htm