<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>angularJs 的使用</title>
<!-- jquery: js数据库
bootstrap,zui: UI框架
angularJs vue结构化js框架-->
<!-- angularJs关注的不是DOM模型，而是数据本身 -->
<!-- 告诉angularJs去监管哪块区域：ng-app（指令） 写在body上的意思 body已经被angularJs监听，
body中所有用angularJs语法写的东西都会被识别-->
</head>
<body ng-app="">
<!-- 功能是输入框中输入的内容，下边span标签实时显示出来 -->
<!-- 将这个input中的内容设置成一个模型，这个模型的名字叫做usename -->
<!-- ng-model（指令）：它设置了一个属性，是属于根作用域对象(rootScope)的一个属性，属性名：usename
属性值input的value -->
<input type="text" ng-model="usename" /><br>
<!-- {{模型名}} 通过这种方式来进行调用 -->
<angularJs中的表达式语法：{{属性名}}>
用户名：<span>{{usename}}</span>
</body>
<script src="./js/angular.min-1.2.9.js" type="text/javascript"></script>
</html>
