简述——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
自定过滤器:








原创粉丝点击