angularJS 事件指令

事件指令

原生JS中的click不支持表达式操作以及数据的获取，但可在指令中直接写表达式、数据名等进行动态操作

• ng-click/dbclick（单击/双击）

• ng-mousedown/up（鼠标按下/鼠标抬起）

• ng-mouseenter/leave

• ng-mousemove/over/out

• ng-keydown/up/press（键盘事件）

• ng-focus/blur（光标移入）

• ng-submit（提交）

• ng-selected（下拉菜单被选中时可触发）
  代码示例：

    <div ng-controller="Aaa">        <input type="checkbox" ng-model="aaa">        <select>            <option>1111111</option>            <option ng-selected="aaa">2222222</option><!--将数据与input中的ng-model进行绑定-->        </select>    </div>

页面结果展示：

未点击：

点击后自动跳转显示222222：

• ng-change（当数据发生改变后触发，要与ng-model配合使用否则无效，还可进行函数调用）
  代码示例：

<input type="text" ng-change="bbb='hello'" ng-model="bbb"><!--当input数据变化时执行bbb='hello'该语句，input内的内容展示为hello-->

页面结果展示：

• ng-copy（复制）
  代码示例：

<input type="text" ng-copy="ccc='复制'" value="721hduiywgyiewg">{{ccc}}

页面结果展示：

• ng-cut（剪切）

• ng-paste（粘贴）