angularjs初识
2023-05-27 23:13:41 0 举报
AI智能生成
登录查看完整内容
angularjs初识
作者其他创作
大纲/内容
数据绑定
基本模板标识符
表单验证
路由
深度链接
组件重用
依赖注入
单元测试
端对端测试
模拟和自动化测试框架
测试
增删改查页面
端到端的解决方案
适用范围
使用双大括号进行数据绑定
使用DOM控制结构来实现迭代或者隐藏DOM片段
支持表单和表单验证
能将逻辑代码关联到相关的DOM元素
能将HTML分组成可重用的组件
节省了侦听器和DOM控制器代码,因为已经包含在AngularJS中了
模板(Templates)
应用程序逻辑(Logic)和行为(Behavior)
模型数据(Data)
MVC
XHR
缓存
URL路由
浏览器抽象服务
扩展和添加自己特定的服务
服务特性
特点
告诉AngularJS处理整个HTML页并引导应用
标记了AngularJS脚本的作用域
ng-app
绑定模型变量
ng-model
绑定控制器,即函数
可以调用控制器范围内的变量
ng-controller
通过controller调用,可以使用model变量
绑定事件
ng-click
标记是angular专有属性
$
语法(phone in phones)
重复执行模板
ng-repeat
标记标签绑定某个表达式,表达式控制标签的值
ng-bind
判断表达式,并把结果以安全的方式插入元素
ng-bind-html
标识元素的文本内容用ngBindTemplate属性的模板内容替换
ng-bind-template
在blur事件中指定自定义行为
ng-blur
ng-change
ng-checked
允许通过数据绑定表达式的方式动态设置html元素的css类
ng-class
ng-class-even
跟ng-class一样,但是通过行数的奇偶性来判断
ng-class-odd
用于防止程序加载完时angular模板被立即加载到表单。也避免模板显示时的闪烁效果
ng-cloak
定义复制触发事件
ng-copy
开启内容安全策略
ng-csp
ng-cut
ng-dblclick
更方便的让按钮在某些浏览器下可用,某些浏览器下不可用
其实就是开启状态的动态控制
ng-disabled
ng-focus
ng-form
ng-hide
ng-href
ng-if
把其他的html页面引用进来
ng-include
允许在当前范围内评价一个表达式
ng-init
ng-keydown
ng-keypress
ng-keyup
把内容转成数组
ng-list
ng-model-options
ng-mousedown
ng-mouseenter
ng-mouseleave
ng-mousemove
ng-mouseover
ng-mouseup
标记节点不被绑定
ng-non-bindable
ng-open
ng-paste
ng-pluralize
ng-readonly
ng-selected
ng-show
ng-src
ng-srcset
ng-style
ng-submit
ng-switch
ng-transclude
ng-value
script
标记
不能用eval()
用$window指向全局window对象
对应于当前作用域
Angular
对应于全局window对象
Javascript
属性表达式
允许undefined或者null
抛出异常
允许未定义值
不能用条件判断
不能用循环
不能抛出异常
允许控制结构
没有控制结构
可以通过过滤器链来传递表达式的结果
过滤器(类似unix中的管道操作符)
区别
写成控制器的方法,然后在表达式中调用这个方法
Angular使用Javascript
使用$eval()
Javascript使用Angular
互用
类似于Javascript表达式
Angular表达式
angular.element(document).ready(function() { angular.bootstrap(document); });
手动加载
引导程序
控制器
模型
视图
双向绑定
ANGULAR.JS
0 条评论
回复 删除
下一页