demo.html:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>AngularJS</title>
<script src="angular.min.js"></script> <!-- 引入AngularJS框架 -->
</head>
<body ng-app="App"> <!-- ng-app 指定模块 -->
<ui ng-controller="DemoController">
<li ng-bind="name"></li> <!-- {{}}是ng-bind的简写形式。{{}}会产生"闪烁"现象(模板引擎解析{{}}后才会正常显示) -->
<li ng-cloak>{{name}} {{age}}</li> <!-- ng-cloak可以解决{{}}的"闪烁"问题。要在引入框架之后才起效 -->
<li ng-bind-template="{{name}} {{age}}"></li> <!-- ng-bind-template可以同时绑定多个数据 -->
</ui>
<script>
// 创建模块
var App = angular.module('App',[]);
App.controller("DemoController",['$scope',function($scope) {
$scope.name = "张三"; // $scope相当于MVC中的Model,将数据绑定到view视图模板
$scope.age = 12;
}]);
</script>
</body>
</html>