1. 安装 AngularJS
你可以使用 CDN(内容分发网络)或者 npm 安装 AngularJS。在这里,我们使用 CDN 来演示:
在 HTML 文件中添加以下 script 标签:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>AngularJS Tutorial</title>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.8.2/angular.min.js"></script>
</head>
<body>
<!-- Your AngularJS application will be here -->
</body>
</html>
2. 创建 AngularJS 应用
在 <body> 标签中添加 AngularJS 应用:
<body ng-app="myApp" ng-controller="myController">
<!-- Your AngularJS application content will be here -->
</body>
3. 创建模块和控制器
在 <script> 标签中添加 AngularJS 模块和控制器:
<script>
// 创建一个 AngularJS 模块
var app = angular.module('myApp', []);
// 创建一个控制器
app.controller('myController', function($scope) {
// 在控制器中定义数据和逻辑
$scope.message = 'Hello, AngularJS!';
});
</script>
4. 使用数据和指令
在应用的 HTML 中使用 AngularJS 数据和指令:
<body ng-app="myApp" ng-controller="myController">
<!-- 使用 AngularJS 数据和指令 -->
<h1>{{ message }}</h1>
</body>
5. 运行应用
打开你的 HTML 文件,你应该能够看到输出 "Hello, AngularJS!"。
这只是一个简单的入门教程,AngularJS 还有很多其他功能,如路由、服务、过滤器等。你可以查阅 AngularJS 官方文档以深入了解:[AngularJS Documentation](https://docs.angularjs.org/guide)
需要注意的是,AngularJS 是 Angular 框架的前身,而现代的 Angular(通常称为 Angular 2+)是完全重写的,并且不向后兼容 AngularJS。如果你在新项目中使用 Angular,建议使用最新版本的 Angular 框架。
转载请注明出处:http://www.pingtaimeng.com/article/detail/4853/Angular