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