angular.js手册哪里找？新手入门必看指南有哪些？

Angular.js 是一款由 Google 维护的开源前端 JavaScript 框架，自 2010 年发布以来，凭借其数据绑定、依赖注入和模块化等特性，成为构建单页面应用（SPA）的核心工具之一，本文将从核心概念、常用指令、模块与依赖注入、服务以及最佳实践五个方面，系统梳理 Angular.js 的开发要点,帮助开发者快速掌握其使用方法。

核心概念：数据绑定与 MVC 架构

Angular.js 的核心优势在于双向数据绑定，即模型（Model）与视图（View）的自动同步，当模型数据发生变化时，视图会实时更新；反之，用户在视图中的操作（如表单输入）也会自动反馈到模型中，这一特性通过 ng-model 指令实现，

<input type="text" ng-model="name">  
<p>Hello, {{name}}!</p>  

上述代码中，输入框的值会实时显示在段落中，无需手动操作 DOM。

Angular.js 采用 MVC（模型-视图-控制器）架构，将应用分为三部分：

• 模型（Model）：存储业务数据，与视图分离；
• 视图（View）：负责数据展示，由 HTML 和动态指令构成；
• 控制器（Controller）：通过 $scope 对象连接模型与视图，处理用户交互逻辑。

常用指令：增强 HTML 功能

指令（Directive）是 Angular.js 扩展 HTML 能力的核心机制，通过在 HTML 中添加自定义属性或标签实现动态功能，以下为常用指令及其作用：

模块与依赖注入：提升代码复用性

模块（Module）是 Angular.js 组织代码的基本单元，通过 angular.module() 方法创建，可定义控制器、服务、指令等，并管理依赖关系。

var app = angular.module('myApp', []); // 创建名为 myApp 的模块，依赖为空  
app.controller('MainController', function($scope) {  
    $scope.message = 'Hello, Angular!';  
});  

依赖注入（DI） 是 Angular.js 的另一大特性，通过 $injector 自动管理组件间的依赖关系，控制器可通过函数参数直接注入 $scope、$http 等内置服务，无需手动实例化，降低了代码耦合度。

服务：封装可复用的业务逻辑

服务（Service）是单例对象，用于封装可复用的功能（如数据请求、工具方法等），Angular.js 提供了多种内置服务，开发者也可自定义服务。

常用内置服务

• $http：用于发起 HTTP 请求，与后端 API 交互。

  $http.get('/api/data').then(function(response) {  
      $scope.data = response.data;  
  });  

• $location：操作浏览器地址栏，实现路由跳转。$location.path('/home');
• $filter：提供数据格式化功能，如日期、货币过滤。{{price | currency}} 将数值格式化为货币。

自定义服务

通过 app.service() 或 app.factory() 方法创建，

app.service('DataService', function() {  
    this.getData = function() { return 'Data from service'; };  
});  

最佳实践：优化 Angular.js 应用

1. 避免 $scope 污染：优先使用 controllerAs 语法（如 vm 作为 this 的别名），减少 $scope 的直接使用。
2. 模块化拆分：按功能将模块拆分为多个小模块，提高代码可维护性。
3. 数据绑定优化：避免在循环中使用复杂表达式，改用过滤器或方法调用。
4. 内存管理：在控制器或指令中销毁不需要的事件监听器（如 $destroy 事件），防止内存泄漏。

通过掌握以上核心内容，开发者可以高效构建结构清晰、易于维护的 Angular.js 应用，尽管现代前端框架（如 Angular、React）已迭代更新，Angular.js 仍因其轻量级和灵活性,在中小型项目或遗留系统维护中占据重要地位。