AngularJS 的官方文档是学习和参考的主要来源。然而,以下是一份简要的 AngularJS 参考手册,包含一些常用的概念、指令和服务。请注意,这不是一份详尽无遗的手册,而是一份简要的入门指南。详细的信息还需查阅 AngularJS 官方文档。

1. 模块(Module)

创建模块
var app = angular.module('myApp', []);

2. 控制器(Controller)

定义控制器
app.controller('myCtrl', function ($scope) {
  // 控制器逻辑
});

3. 表达式(Expression)

在视图中使用表达式
{{ expression }}

4. 指令(Directive)

ng-model
<input type="text" ng-model="name">

ng-repeat
<ul>
  <li ng-repeat="item in items">{{ item }}</li>
</ul>

5. 依赖注入(Dependency Injection)

在控制器中注入服务
app.controller('myCtrl', function ($scope, myService) {
  // 使用 myService
});

6. 服务(Service)

定义服务
app.service('myService', function () {
  this.someMethod = function () {
    // 服务逻辑
  };
});

7. 路由(Routing)

配置路由
app.config(function ($routeProvider) {
  $routeProvider
    .when('/', {
      templateUrl: 'views/home.html',
      controller: 'HomeController'
    })
    .otherwise({
      redirectTo: '/'
    });
});

8. 模板(Template)

在 HTML 文件中定义模板
<!-- home.html -->
<h2>{{ message }}</h2>

9. ng-click

处理点击事件
<button ng-click="doSomething()">Click me</button>

这仅仅是一个简要的 AngularJS 参考手册,你可以在实际开发中进一步深入学习和使用这些概念。请注意,由于 AngularJS 已经进入维护模式,建议使用更现代的 Angular 版本进行开发。


转载请注明出处:http://www.pingtaimeng.com/article/detail/4878/Angular