Angular常用指令

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包括keydownkeyup的两个过程。

其他事件

  • 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: 元素的 src属性。
  • ng-style: 制定元素的 style 属性。
  • ng-switch:显示或隐藏子元素的条件。

AngularJS 验证属性

你可能感兴趣的:(Angular常用指令)