转行学开发，代码100天——2018-04-06
今天按照学习计划安排，开始AngularJS的学习。
关于AngularJS，在菜鸟教程上这样介绍
好吧，Angular学习起来非常简单，哈哈，现在就开始学习吧。
AngularJS 是一个 JavaScript 框架。它可通过 <script> 标签添加到 HTML 页面。
AngularJS 通过 指令 扩展了 HTML，且通过 表达式 绑定数据到 HTML。
接下来，按照课程写了两个小例子。如下:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>angular js 初体验</title>
<!-- <script type="text/javascript" src="js/angular.min.js"></script> -->
<script src="http://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js"></script>
</head>
<body ng-app="">
<fieldset >
<legend>第一个示例</legend>
<b>计算：</b>
<br/>
<table>
<tr>
<td>单价：(美元)</td>
<td>数量：</td>
</tr>
<tr>
<td><input type="number" ng-model="qty" required></td>
<td><input type="number" ng-model="cost" required></td>
</tr>
</table>
<b>金额：</b>{{qty*cost | currency}} </fieldset> <fieldset >
<b>改变model来控制DOM</b>
<br/><br/>
<legend>第二个例子：</legend>
<input type="text" ng-model="data.msg">
<div class="data.msg">你好，{{data.msg}}</div>
</fieldset> </body>
</html>
总结起来，其用法也相对简单：
1.引入AngularJS库，注意<script></script>标签。——因为AngularJS是一个JavaScript框架
2.AngularJS指令：
ng-app 指令定义一个 AngularJS 应用程序。
ng-model 指令把元素值（比如输入域的值）绑定到应用程序。
ng-bind 指令把应用程序数据绑定到 HTML 视图。
3.{{}}进行数据绑定。
执行效果如下：
第一个例子中，当输入单价和数量后，金额自动计算并显示。
第二个例子中，自动读取输入文本框中的内容，并显示在“你好，”之后。
注意：ng-app 指令告诉 AngularJS，<body> 元素是 AngularJS 应用程序 的"所有者"。
如果没有指定ng-app则表达式处直接显示表达式，而不是计算结果。
初体验：通过指令控制HTML元素，便捷实现数据的计算和显示，省去大量JS代码，开发更便捷，所以后期必继续补充学习。