简述——angular
来源:互联网 发布:ipad商标侵权案 知乎 编辑:程序博客网 时间:2024/06/05 00:38
angular:
为什么学:谷歌在推
mvp/mvvm/mv*
官网:https://angularjs.org/
angularjs
1.6.x 1 号版本还更新√
PC端
移动端: ionic
angular 4.0 https://angular.io/
2.x router版本3.0
typescript (ES7的超集)
4.x router 4.0
FUNCTION(方法)
angular.bind(this指向,函数名,参数列表)
angualr.copy(拷贝前,拷贝后)
angular.element(原生抓到的元素) 返回会来的是一个小型的jq对象
$(this) == angular.element(this)
angular.equals(arr,arr2); 对比数据是否相等
angular.forEach(数据,function(item,index){}) 循环
angular.isArray(数据) 判断是不是数组
angular.isDate(数据) 判断日期
angular.lowercase(数据) 转小写
命名空间:
css: .qf-red{} .bualla-green{}
js:
var WEB.util={}
angular: ng-xx
vue: v-xx
M: 放数据
表单元素
ng-init="数据名/属性名/变量名=值(任何数据类型)"
控制器: $scope.属性名=值
V: 展示数据
{{数据名}}ng-bind
C: 控制层
ng-app 开启angular应用模式只能开启一次
ng-app='模块名'
指令:
ng-model / ng-bind / ng-app / ng-show / ng-hide
ng-click="函数()" / ng-mouseover / ng-mouseout / ..........
循环:
ng-repeat="(index,val) in arr track by index"
ng-repeat="val in arr track by $index"
{{$index}}/{{$first}}/{{$last}}/{{$odd}}/{{$even}}
索引 是不是no1 最后 单 双
解释:双向数据绑定,依赖注入
依赖注入: function show($scope,$cache){}
函数的参数名字定死了,位置可以随意调换, $打头都是服务
数据放到哪:
vue-> data -> store
react -> state -> store
angular -> 控制器里面 -> 服务
模块:
创建模块
angular.module('模块名',[依赖模块],配置函数)
控制器: 需要定义在模块身上
创建控制器
模块对象.controller('控制器名称',function($scope){
$scope.数据名=值
}
多个控制器:
默认继承,父控制器数据
数据传递:
子给父:
$scope.$emit('数据标识名',数据) 发
$scope.$on('数据标识名',function(event,data){
event 事件对象
data 数据本身
})
父给子:
$scope.$broadcast('数据标识名',数据) 发 (广播)
$scope.$on('数据标识名',function(event,data){ 接受
event 事件对象
data 数据本身
})
过滤器:
{{数据 | 过滤器名:参数1:参数2}}, 可以叠加使用
数据 | currency:'¥':3
数据 | date: 'yyyy年MM月dd日 hh点mm分ss秒 EEEE a'
数据 | filter:'关键字'
数据 | limitTo: 2 2条 2:3 要2条 第3条开始
数据 | orderBy 升
| orderBy: '关键字': true参数1:关键则 参数2:true降
关键字: 数字、字符、函数
数据 | lowercase
数据 | uppercase
自定过滤器:
为什么学:谷歌在推
mvp/mvvm/mv*
官网:https://angularjs.org/
angularjs
1.6.x 1 号版本还更新√
PC端
移动端: ionic
angular 4.0 https://angular.io/
2.x router版本3.0
typescript (ES7的超集)
4.x router 4.0
FUNCTION(方法)
angular.bind(this指向,函数名,参数列表)
angualr.copy(拷贝前,拷贝后)
angular.element(原生抓到的元素) 返回会来的是一个小型的jq对象
$(this) == angular.element(this)
angular.equals(arr,arr2); 对比数据是否相等
angular.forEach(数据,function(item,index){}) 循环
angular.isArray(数据) 判断是不是数组
angular.isDate(数据) 判断日期
angular.lowercase(数据) 转小写
命名空间:
css: .qf-red{} .bualla-green{}
js:
var WEB.util={}
angular: ng-xx
vue: v-xx
M: 放数据
表单元素
ng-init="数据名/属性名/变量名=值(任何数据类型)"
控制器: $scope.属性名=值
V: 展示数据
{{数据名}}ng-bind
C: 控制层
ng-app 开启angular应用模式只能开启一次
ng-app='模块名'
指令:
ng-model / ng-bind / ng-app / ng-show / ng-hide
ng-click="函数()" / ng-mouseover / ng-mouseout / ..........
循环:
ng-repeat="(index,val) in arr track by index"
ng-repeat="val in arr track by $index"
{{$index}}/{{$first}}/{{$last}}/{{$odd}}/{{$even}}
索引 是不是no1 最后 单 双
解释:双向数据绑定,依赖注入
依赖注入: function show($scope,$cache){}
函数的参数名字定死了,位置可以随意调换, $打头都是服务
数据放到哪:
vue-> data -> store
react -> state -> store
angular -> 控制器里面 -> 服务
模块:
创建模块
angular.module('模块名',[依赖模块],配置函数)
控制器: 需要定义在模块身上
创建控制器
模块对象.controller('控制器名称',function($scope){
$scope.数据名=值
}
多个控制器:
默认继承,父控制器数据
数据传递:
子给父:
$scope.$emit('数据标识名',数据) 发
$scope.$on('数据标识名',function(event,data){
event 事件对象
data 数据本身
})
父给子:
$scope.$broadcast('数据标识名',数据) 发 (广播)
$scope.$on('数据标识名',function(event,data){ 接受
event 事件对象
data 数据本身
})
过滤器:
{{数据 | 过滤器名:参数1:参数2}}, 可以叠加使用
数据 | currency:'¥':3
数据 | date: 'yyyy年MM月dd日 hh点mm分ss秒 EEEE a'
数据 | filter:'关键字'
数据 | limitTo: 2 2条 2:3 要2条 第3条开始
数据 | orderBy 升
| orderBy: '关键字': true参数1:关键则 参数2:true降
关键字: 数字、字符、函数
数据 | lowercase
数据 | uppercase
自定过滤器:
阅读全文
0 0
- 简述——angular
- 【Angular】——Angular mvc
- 【Angular】安装Angular—cli
- 【Angular】——创建启动Angular
- 【Angular】——指令
- Angular—ngRoute
- Angular—ng-class
- Angular—路由学习
- GET,POST — 简述
- angular的初步学习——简单的angular应用
- 【Angular】——Angular Route路由传参
- 【Angular】——环境配置
- 【Angular】——tab页
- 【Angular】——依赖注入
- 【Angular】——表单验证
- Angular——路由跳转
- angular服务——$http
- angular服务——$interval
- Struts2 访问 Servlet API
- HDU_2795 Billboard 【线段树】
- 文献学习-On Lattices, Learning with Errors,Random Linear Codes, and Cryptography
- HTTP报文、GET和POST格式解析
- Servlet部署的时候如何配置web.xml文件
- 简述——angular
- ORACLE ORDER BY用法总结
- differences resize() between reserve()
- Unity 动画模板的创建
- 5-1 列出连通集 (25分)
- 数的读法
- java常见异常
- Jq日期比较大小
- main函数传参