今天完成的事情：把angularjs书上的例子打了一遍，完成了旧任务的页面，阅读了张鑫旭关于margin、padding、css变量等的博文

明天计划的事情：通过angular传递参数完成列表内容渲染和搜索功能；

遇到的问题：新任务居然就两张psd！接口什么的都是旧任务的……写完新页面打算弄功能，发现居然数据还是旧的，就去做旧页面了

收获：

发现很多互联网公司页面f12 console里都是广告……

邮箱验证模版

<form ng-app="myApp" ng-controller="validateCtrl" 

name="myForm" novalidate>

<p>用户名:<br>

<input type="text" name="user" ng-model="user" required>

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

<span ng-show="myForm.user.$error.required">用户名是必须的。</span>

</span>

</p>

<p>邮箱:<br>

<input type="email" name="email" ng-model="email" required>

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

<span ng-show="myForm.email.$error.required">邮箱是必须的。</span>

<span ng-show="myForm.email.$error.email">非法的邮箱地址。</span>

</span>

</p>

<p>

<input type="submit"

ng-disabled="myForm.user.$dirty && myForm.user.$invalid ||  

myForm.email.$dirty && myForm.email.$invalid">

</p>

</form>

<script>

var app = angular.module('myApp', []);

app.controller('validateCtrl', function($scope) {

    $scope.user = 'John Doe';

    $scope.email = 'john.doe@gmail.com';

});

</script>

用angular简单的实现状态机

<div ng-app="" ng-init="mySwitch=true">

<p>

<button ng-disabled="mySwitch">点我!</button>

</p>

<input type="checkbox" ng-model="mySwitch"/>按钮

</p>