AngularJS 实例
AngularJS 是一个由 Google 维护的开源前端 web 框架,它允许开发者使用 HTML 作为模板语言,并扩展 HTML 的语法,以清晰简洁地表达应用的组件。它是一个强大且灵活的工具,被广泛用于构建复杂的单页应用程序(SPA)。在本文中,我们将通过一系列实例来探讨 AngularJS 的核心特性和使用方法。
AngularJS 的核心概念
1. 模块(Modules)
AngularJS 应用是模块化的,它允许我们将应用分解为多个模块,每个模块负责应用的一部分功能。模块通过 angular.module
方法创建。
var myApp = angular.module('myApp', []);
2. 控制器(Controllers)
控制器是 JavaScript 对象,它们包含应用逻辑,并与视图交互。控制器通过 controller
函数定义。
myApp.controller('MyController', function($scope) {$scope.message = 'Hello, AngularJS!';
});
3. 作用域(Scopes)
作用域是一个带有属性和方法的 JavaScript 对象,它连接视图(HTML)和控制器。在 AngularJS 中,$scope
是一个用于在视图和控制器之间传递数据的关键