本文概述
AngularJS应用程序是HTML和JavaScript的混合体。你需要的第一件事是HTML页面。
<!DOCTYPE html>
<html>
<head>
.
.
</head>
<body>
.
.
</body>
</html>
其次,你需要在HTML页面中包含AngularJS JavaScript文件,以便我们可以使用AngularJS:
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.5/angular.min.js"></script>
</head>
<body>
.
.
</body>
</html>
注意:你应该始终使用最新版本的AngularJS,因此不必使用与上述示例相同的版本。
AngularJS第一个例子
以下是使用AngularJS制作的简单“ Hello Word”示例。它指定了AngularJS应用的Model,View,Controller部分。
<!DOCTYPE html>
<html lang="en">
<head>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.5/angular.min.js"></script>
</head>
<body ng-app="myapp">
<div ng-controller="HelloController" >
<h2>Hello {{helloTo.title}} !</h2>
</div>
<script>
angular.module("myapp", [])
.controller("HelloController", function($scope) {
$scope.helloTo = {};
$scope.helloTo.title = "World, AngularJS";
} );
</script>
</body>
</html>
查看组件
<div ng-controller="HelloController" >
<h2>Hello {{helloTo.title}} !</h2>
</div>
控制器部分
<script>
angular.module("myapp", [])
.controller("HelloController", function($scope) {
$scope.helloTo = {};
$scope.helloTo.title = "World, AngularJS";
});
</script>
评论前必须登录!
注册