AngularJS简介
AngularJS是当下最热门的Web前端JavaScript框架之一,它可以有效地在Web前端实现MVC / MVVM设计模式。
用AngularJS写一个Hello World
学习写程序,通常的步骤是从Hello World开始。
先写一个静态的HTML页面:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
</head>
<body>
<div>
<p>Hello, world!</p>
</div>
</body>
</html>
现在我们把它改成AngularJS版:
HTML页面:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<script src="js/anjular/v1.4.3/angular.min.js"></script>
<script src="js/controllers/page01.js"></script>
</head>
<body ng-app="myApp">
<div ng-controller="myCtrl">
<p>Hello, {{greeting.text}}!</p>
</div>
</body>
</html>
JavaScript文件:page01.js
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
$scope.greeting = { text: 'Angular' };
});
用浏览器查看这个页面: