[关闭]
@octopus 2016-09-14T10:26:10.000000Z 字数 16460 阅读 585

angular.js 学习笔记

angular.js


  • 此笔记为观看油管大神 @kudvenkat 视频的学习中所做笔记 YouTube视频链接
  • 同时借鉴《AngularJS权威教程》一书整理相关概念

模块

官方定义:

  • 一个应用可以包含多个模块,每一个模块都包含了定义具体功能的代码。

  • 我们使用 angular.module()方法来声明模块,这个方法能够接受两个参数,第一个是模块的名称,第二个是依赖列表,也就是可以被注入到模块中的对象列表。

简而言之:

  • 模块就是为了不污染全局空间自定义的作用域,在作用域内控制器的一系列操作才会生效。
  1. <html ng-app="myApp"> // 在html代码中定义模块的作用范围
  2. ...
  3. </html>
  4. <script>
  5. var myapp = angular.module('myApp', []); // 声明模块
  6. </script>

控制器

官方:

  • 控制器是一个函数,用来向视图的作用域中添加额外的功能。我们用它来给作用域对象设置初始状态,并添加自定义行为。

简而言之:

  • 控制器可以定义作用域对象,定义方法,来为前台提供有效数据、响应事件。
  1. <div ng-controller="FirstController">
  2. ...
  3. </div>
  4. <script>
  5. var app = angular.module('app', []);
  6. app.controller('FirstController', function($scope) {
  7. $scope.message = "hello";
  8. });
  9. </script>

作用域

官方:

  • $scope对象是定义应用业务逻辑、控制器方法和视图属性的地方。作用域是视图和控制器之间的胶水。

  • 作用域是应用状态的基础。基于动态绑定,我们可以依赖视图在修改数据时立刻更新 $scope,也可以依赖 $scope在其发生变化时立刻重新渲染视图,有监视数据模型变化的能力。

指令 (Directive )

事件

效果图

Filter

filter 有三种作用:1. 格式化 2. 排序 3. 过滤
基本格式:{{ expression | filterName:parameter }}

Service

添加新批注
在作者公开此批注前,只有你和作者可见。
回复批注