AngularJS 指令带有前缀 ng-
。
- ng-app:初始化一个Angular应用程序,定义应用程序的根元素。
- ng-init :初始化一个 AngularJS 应用数据。
- ng-model:把数据值绑定到程序中。
是用于表单元素的,支持双向绑定。对普通元素无效
- ng-bind:
用于普通元素,不能用于表单元素
,应用程序单向地渲染数据到元素。
(当 ng-bind 和 {{}} 同时使用时,ng-bind 绑定的值覆盖该元素的内容。)
事件指令
- ng-change: 在内容改变时执行的事件。
- ng-blur: 规定blur事件的行为。
- ng-click:点击事件。
- ng-dblclick: 双击事件。
- ng-foucs: 聚焦事件。
鼠标事件
- ng-mousedown: 当在元素上
鼠标按下
事件。 - ng-mouseup: 当在元素上
松开鼠标
的事件。 - ng-mousemove:鼠标指针在
指定的元素中移动
时的行为。 - ng-mouseover:鼠标指针
位于元素上方
时的行为。 - ng-mouseleave: 规定鼠标指针
离开
元素时的行为。 - ng-mouseenter: 规定鼠标指针
穿过
元素时的行为。
按键事件
- ng-keydown: 按下按键的事件。
- ng-keyup: 松开 按键的事件。
- ng-keypress: 按下按键事件。
keypress
包括keydown
和keyup
的两个过程。
其他事件
- ng-value: input 元素的值。
- ng-class:样式。
- ng-cloak: 在应用正要加载时
防止其闪烁
。 - ng-disabled: 一个元素是否被禁用。
- ng-check: 元素是否被选中。
- ng-hide:
隐藏或显示
HTML 元素。 - ng-if:如果条件为 false 移除 HTML 元素。
- ng-list:将文本转换为列表。
- ng-readonly:指定元素的
readonly
属性。 - ng-selected:元素的
selected
属性。 - ng-show:
显示或隐藏
HTML 元素。 - ng-src: <img> 元素的
src
属性。 - ng-style: 制定元素的 style 属性。
- ng-switch:
显示或隐藏子元素
的条件。
网友评论