AngularJs初体验 #22

AngularJs官网

首先是hello例子

最重要的开头的

<html ng-app>

这个ng-app主要是让angular激活当前页面，

然后是

<input type="text" ng-model="yourName" placeholder="Enter a name here">
<hr>
<h1>Hello {{yourName}}!</h1>

这个ng-model就是定义一个model，能够让{{yourName}}这个模型的值实时变化。

卧槽，好爽的感觉！

然后就是一个todo list的例子

这里主要加入了一个控制器TodoCtrl，更重要的是这个$scope的参数，官方说是存入了模型的数据，是控制器和视图之间的胶水，其他不难理解，主要都是视图与控制器之间的缠绵。

写完这个，感觉在angular这个媒婆的帮助下，原本各顾各的js和html能很好相处起来，整个氛围没有原生或jq那样的生硬。

接下来要进入和后端的情感纠纷环节了。要断网了，明日继续。