AngularJS1.x笔记

函数

指令

ng-click

ng-click 指令告诉了 AngularJS HTML 元素被点击后需要执行的操作.

<element ng-click="expression"></element>

参数值

值	描述
expression	元素被点击后执行的表达式。

ng-model

ng-model 指令绑定了 HTML 表单元素到 scope 变量中

如果 scope 中不存在变量, 将会创建它。

<element ng-model="name"></element>

ng-repeat

该指令为集合中的每项都实例化一个模块。每个模块都有自己的scope，给定的循环变量将被设置为当前项，$index是他们的索引。

循环中的特殊变量，包括：

变量	类型	描述
$index	number	当前索引。
$first	boolean	当循环的对象存在第一项时为true。
$middle	boolean	当循环的对象存在中间项时为true。
$last	boolean	当循环对象存在最后一项时为true。
$even	boolean	循环的对象在当前位置的"$index"(索引)是偶数则为true，否则为false。
$odd	boolean	循环的对象在当前位置的"$index"(索引)是奇数则为true，否则为false。

注意: ng-repeat不允许collection中存在两个相同ID的对象，解决办法是 track by $index 或者取别的不会重复的值即可

服务

$window

• 在关闭页面的时候触发事件

var onBeforeUnloadHandler = function(event) {
    console.log('关闭页面触发')
  }

  if ($window.addEventListener) {
    $window.addEventListener('beforeunload', onBeforeUnloadHandler)
  } else {
    $window.onbeforeunload= onBeforeUnloadHandler;
  }

注意：用window.onbeforeunload是无效的

$scope

• 单页应用在页面切换的时候触发销毁事件

$scope.$on('$destroy', function() {
      console.log('页面切换触发')
  })

提供者

过滤器

注意事项

事件

• 如果想停止事件冒泡，则可以加入以下方法：

$event.stopPropagation()

restrict属性

restrict属性值说明：

属性值	说明
E	只限元素名使用
A	只限属性使用
C	只限类名使用
M	只限注释使用

注：restrict 默认值为 EA, 即可以通过元素名和属性名来调用指令。