首页 > 代码库 > AngularJS的简单使用
AngularJS的简单使用
官网下载:AngularJS
路由视图需要：Angular-Route.js
基于zepto的轻量级的 JavaScript UI 库： App.js 用于开发跨平台的移动Web应用
<!DOCTYPE html>
<html ng-app=‘mainApp‘>
<head>
<title>简单AngularJS使用</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta content="width=device-width, initial-scale=1, maximum-scale=1,minimum-scalable=1" name="viewport">
</head>
<body>
<ul>
<li><a href="http://www.mamicode.com/#/">直接显示内容</a></li>
<li><a href="http://www.mamicode.com/#templet">引用其他页面</a></li>
</ul>
<!-- ng-view 相当于thinkPHP里的 $this->display(); 用来实现页面渲染 -->
<div ng-view></div>
<!-- AngularJS -->
<script src="http://www.mamicode.com/js/angular.min.js"></script>
<script src="http://www.mamicode.com/js/angular-route.js"></script>
<script src="http://www.mamicode.com/js/app.js"></script>
<script>
/* mainApp controller */
angular.module(‘mainApp‘, [‘ngRoute‘])
.config([‘$routeProvider‘, function ($routeProvider) {
$routeProvider
.when(‘/‘, {
template: "这是直接显示内容"
})
.when(‘/templet‘, {
templateUrl: "templet.htm"
});
}]);
</script>
</body>
</html>
AngularJS的简单使用