函数
指令
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, 即可以通过元素名和属性名来调用指令。
