每一个div都是一个运行，需要分开运行，要不然会出现错误！
<!DOCTYPE html>
<head>
<meta charset="utf-8">
<script src="http://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js"></script>
</head>
<body>
<!-- ng-app:知道一个angularjs程序
ng-model:把元素值绑定到程序
ng-bind:把应用程序数据绑定到html视图
ng-init:初始化angularjs应用程序变量-->
<div ng-app="" ng-init="firstname='zxt'; lastname='tt'">
<p>名字 : <input type="text" ng-model="name"></p>
<h1>Hello {{name}}</h1>
<p>名字：<span ng-bind="firstname"></span></p>
<p>值为：{{5+5}}</p>
<p>全名(字符串)：{{firstname+""+lastname}}</p>
</div>
<!-- 注解：html支持扩展的属性，以data开头，需要使用data-ng-开头 -->
<div data-ng-app="" data-ng-init="name='xt'">
<p>name:<span data-ng-bind="name"></span></p>
</div>
<!-- AngularJS 模块（Module） 定义了 AngularJS 应用。
AngularJS 控制器（Controller） 用于控制 AngularJS 应用。
ng-app指令指明了应用, ng-controller 指明了控制器。 -->
<div ng-app="myapp" ng-controller="myctrl">
姓：<input type="text" ng-model="firstname" ><br>
名：<input type="text" ng-model="secondname"><br>
姓名:{{firstname+""+secondname}}
</div>
<script>
//angularjs模块定义应用
var app=angular.module('myapp',[]);
//控制器控制应用
///有了$scope就是在视图和控制器之间建立一个通道，基于作用域视图在修改数据时会立刻更新 $scope,同样的 $scope 发生改变时也会立刻重新渲染视图.
app.controller('myctrl', function($scope){
$scope.firstname="z";
$scope.secondname="xt";
});
</script>
<div ng-app="" ng-init=" count1=1;count2=4">
<p>num:{{count1*count2}}</p>
</div>
<!-- angularjs对象，数组也行（略） -->
<div ng-app="" ng-init="person={name1:'z',name2:'xt'}">
<p>{{person.name2}}</p>
</div>
<!-- 注解：AngularJS 表达式 与 JavaScript 表达式
类似于 JavaScript 表达式，AngularJS 表达式可以包含字母，操作符，变量。
与 JavaScript 表达式不同，AngularJS 表达式可以写在 HTML 中。
与 JavaScript 表达式不同，AngularJS 表达式不支持条件判断，循环及异常。
与 JavaScript 表达式不同，AngularJS 表达式支持过滤器 -->
<!-- ng-repeat重复一个html元素 -->
<div ng-app="" ng-init="names=['zzz','xxx','ttt']">
<ul>
<li ng-repeat="x in names">
{{x}}
</li>
</ul>
</div>
<!-- 驼峰法命名指令（暂时略过，待补充）
<body ng-app="myApp">
<runoob-directive></runoob-directive>
<script>
var app = angular.module("myApp", []);
app.directive("runoobDirective", function() {
return {
template : "<h1>定义指令</h1>"
};
});
</script>
</body> -->
<!-- 邮箱检测常用 -->
<form ng-app="" name="myfrom">
Email:
<input type="email" name="address" ng-model="text">
<span ng-show="myfrom.address.$error.email">不是一个合法邮箱</span>
</form>
<!--
过滤器 描述
currency 格式化数字为货币格式。
filter 从数组项中选择一个子集。
lowercase 格式化字符串为小写。
orderBy 根据某个表达式排列数组。
uppercase 格式化字符串为大写。
-->
<div ng-app="myApp" ng-controller="costCtrl">
数量: <input type="number" ng-model="quantity">
价格: <input type="number" ng-model="price">
<p>总价 = {{ (quantity * price) | currency }}</p>
</div>
<script>
var app = angular.module('myApp', []);
app.controller('costCtrl', function($scope) {
$scope.quantity = 1;
$scope.price = 9.99;
});
</script>
<!-- 返回当前网址 $location
$http服务器发送请求，应用响应服务器传送过来的数据
$timeout对应js Window.setTimeout函数
$interval对应j swindow.setinterval函数-->
<div ng-app="myApp" ng-controller="myCtrl">
<p> 当前页面的url:</p>
<h3>{{myUrl}}</h3>
</div>
<script>
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope, $location) {
$scope.myUrl = $location.absUrl();
});
</script>
<!-- 点击事件
ng-hide隐藏
ng-show显示-->
<div ng-app="myApp" ng-controller="myCtrl">
<button ng-click="count = count + 1">点我！</button>
<p>{{ count }}</p>
</div>
<script>
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
$scope.count = 0;
});
</script>
<!-- 表单验证 -->
<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 = '[email protected]';
});
</script>
</html>
以上内容是根据网址教程http://www.runoob.com/angularjs/angularjs-tutorial.html学习练习的，不是很全面，自己学习使用，完整版请自行查看教程。