AngularJS开发学习笔记:AngularJS 参考手册

该博客转载自网络,介绍了AngularJS相关知识。包含AngularJS指令,如过滤器解析;支持的事件,像ng-click等;验证属性,如$dirty等;还提及了全局API,包括转换、比较、JSON和基础方面内容。

转载自:https://www.runoob.com/angularjs/angularjs-reference.html

 

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如果条件为 false 移除 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 事件

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 模块
下载方式:https://pan.quark.cn/s/a4b39357ea24 布线问题(分支限界算法)是计算机科学和电子工程领域中一个广为人知的议题,它主要探讨如何在印刷电路板上定位两个节点间最短的连接路径。 在这一议题中,电路板被构建为一个包含 n×m 个方格的矩阵,每个方格能够被界定为可通行或不可通行,其核心任务是定位从初始点到最终点的最短路径。 分支限界算法是处理布线问题的一种常用策略。 该算法与回溯法有相似之处,但存在差异,分支限界法仅需获取满足约束条件的一个最优路径,并按照广度优先或最小成本优先的原则来探索解空间树。 树 T 被构建为子集树或排列树,在探索过程中,每个节点仅被赋予一次成为扩展节点的机会,且会一次性生成其全部子节点。 针对布线问题的解决,队列式分支限界法可以被采用。 从起始位置 a 出发,将其设定为首个扩展节点,并将与该扩展节点相邻且可通行的方格加入至活跃节点队列中,将这些方格标记为 1,即从起始方格 a 到这些方格的距离为 1。 随后,从活跃节点队列中提取队首节点作为下一个扩展节点,并将与当前扩展节点相邻且未标记的方格标记为 2,随后将这些方格存入活跃节点队列。 这一过程将持续进行,直至算法探测到目标方格 b 或活跃节点队列为空。 在实现上述算法时,必须定义一个类 Position 来表征电路板上方格的位置,其成员 row 和 col 分别指示方格所在的行和列。 在方格位置上,布线能够沿右、下、左、上四个方向展开。 这四个方向的移动分别被记为 0、1、2、3。 下述表格中,offset[i].row 和 offset[i].col(i=0,1,2,3)分别提供了沿这四个方向前进 1 步相对于当前方格的相对位移。 在 Java 编程语言中,可以使用二维数组...
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值