Angular相关指令

AngularJS 指令

本教程用到的 AngularJS 指令 :

指令 描述

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 元素的值

AngularJS 事件

AngularJS 支持以下事件:
ng-click
ng-dbl-click
ng-mousedown
ng-mouseenter
ng-mouseleave
ng-mousemove
ng-keydown
ng-keyup
ng-keypress
ng-change
事件解析: Angular 事件。
AngularJS 验证属性
$dirty
$invalid
$error
验证解析:Angular 验证。
AngularJS 全局 API
转换
API    描述
angular.lowercase()    将字符串转换为小写
angular.uppercase()    将字符串转换为大写
angular.copy()    数组或对象深度拷贝
angular.forEach()    对象或数组的迭代函数
比较
API    描述
angular.isArray()    如果引用的是数组返回 true
angular.isDate()    如果引用的是日期返回 true
angular.isDefined()    如果引用的已定义返回 true
angular.isElement()    如果引用的是 DOM 元素返回 true
angular.isFunction()    如果引用的是函数返回 true
angular.isNumber()    如果引用的是数字返回 true
angular.isObject()    如果引用的是对象返回 true
angular.isString()    如果引用的是字符串返回 true
angular.isUndefined()    如果引用的未定义返回 true
angular.equals()    如果两个对象相等返回 true
JSON
API    描述
angular.fromJSON()    反�序列化 JSON 字符串
angular.toJSON()    �序列化 JSON 字符串
基础
API    描述
angular.bootstrap()    手动启动 AngularJS
angular.element()    包裹着一部分DOM element或者是HTML字符串,把它作为一个jQuery元素来处理。
angular.module()    创建,注册或检索 AngularJS 模块
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 194,088评论 5 459
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 81,715评论 2 371
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 141,361评论 0 319
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 52,099评论 1 263
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 60,987评论 4 355
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 46,063评论 1 272
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 36,486评论 3 381
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 35,175评论 0 253
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 39,440评论 1 290
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 34,518评论 2 309
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 36,305评论 1 326
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 32,190评论 3 312
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 37,550评论 3 298
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 28,880评论 0 17
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,152评论 1 250
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 41,451评论 2 341
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 40,637评论 2 335

推荐阅读更多精彩内容

  • AngularJS是什么?AngularJs(后面就简称ng了)是一个用于设计动态web应用的结构框架。首先,它是...
    200813阅读 1,568评论 0 3
  • 基础ng属性指令 布尔属性 布尔属性代表一个true或false值。当这个属性出现时,这个属性的值就是true(无...
    oWSQo阅读 1,175评论 0 0
  • ng-model 指令ng-model 指令 绑定 HTML 元素 到应用程序数据。ng-model 指令也可以:...
    壬万er阅读 857评论 0 2
  • 商业需求文档(BRD)撰写方法与技巧 BRD的美容结构有哪些? BRD的写作内容与汇报对象有什么关系?应该有那些注...
    刘小莹_Joanna阅读 1,335评论 0 22
  • 在一个冬天 有一头一无所知的猪爱上了一只可爱而又漂亮的企鹅 小猪坦然地面对了自己内心最真实的想法,因为只有这样情感...
    小诗鸽阅读 287评论 0 0