您的位置:首页 > Web前端 > AngularJS

AngularJS概述&指令

2016-02-01 10:47 776 查看

AngularJS 指令

AngularJS 应用组成如下:

View(视图), 即 HTML。

Model(模型), 当前视图中可用的数据。

Controller(控制器), 即 JavaScript 函数,可以添加或修改属性

指令描述
ng-app定义应用程序的根元素。
ng-bind绑定 HTML 元素到应用程序数据
ng-bind-html绑定 HTML 元素的 innerHTML 到应用程序数据,并移除 HTML 字符串中危险字符
ng-bind-template规定要使用模板替换的文本内容
ng-blur规定 blur 事件的行为
ng-change规定在内容改变时要执行的表达式
ng-checked规定元素是否被选中
ng-class指定 HTML 元素使用的 CSS 类
ng-class-even类似 ng-class,但只在偶数行起作用
ng-class-odd类似 ng-class,但只在奇数行起作用
ng-click定义元素被点击时的行为
ng-cloak在应用正要加载时防止其闪烁
ng-controller定义应用的控制器对象
ng-copy规定拷贝事件的行为
ng-csp修改内容的安全策略
ng-cut规定剪切事件的行为
ng-dblclick规定双击事件的行为
ng-disabled规定一个元素是否被禁用
ng-focus规定聚焦事件的行为
ng-form指定 HTML 表单继承控制器表单
ng-hide隐藏或显示 HTML 元素
ng-href为 the <a> 元素指定链接
ng-if如果条件为 true 移除 HTML 元素
ng-include在应用中包含 HTML 文件
ng-init定义应用的初始化值
ng-jq定义应用必须使用到的库,如:jQuery
ng-keydown规定按下按键事件的行为
ng-keypress规定按下按键事件的行为
ng-keyup规定松开按键事件的行为
ng-list将文本转换为列表 (数组)
ng-model绑定 HTML 控制器的值到应用数据
ng-model-options规定如何更新模型
ng-mousedown规定按下鼠标按键时的行为
ng-mouseenter规定鼠标指针穿过元素时的行为
ng-mouseleave规定鼠标指针离开元素时的行为
ng-mousemove规定鼠标指针在指定的元素中移动时的行为
ng-mouseover规定鼠标指针位于元素上方时的行为
ng-mouseup规定当在元素上松开鼠标按钮时的行为
ng-non-bindable规定元素或子元素不能绑定数据
ng-open指定元素的 open 属性
ng-options在 <select> 列表中指定 <options>
ng-paste规定粘贴事件的行为
ng-pluralize根据本地化规则显示信息
ng-readonly指定元素的 readonly 属性
ng-repeat定义集合中每项数据的模板
ng-selected指定元素的 selected 属性
ng-show显示或隐藏 HTML 元素
ng-src指定 <img> 元素的 src 属性
ng-srcset指定 <img> 元素的 srcset 属性
ng-style指定元素的 style 属性
ng-submit规定 onsubmit 事件发生时执行的表达式
ng-switch规定显示或隐藏子元素的条件
ng-transclude规定填充的目标位置
ng-value规定 input 元素的值
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: