【ng-app一些使用】的更多相关文章

ng 依赖注入

将依赖的对象注入到当前对象,直接去使用依赖的对象即可. 降低耦合度.提高开发速度.. 文件压缩:yui-compressor有两种方案:①CLI(command line interface)java -jar **.jar **.js > **.min.js②webStormfile->settings->tools-->fileWatchers->点击+ ->选中yui compressor js-->设置program(点击按钮在弹窗中选中C盘根目录下的js…

ng $http 和远程服务器通信的一个服务。

$http({url:'',method:''}).success().error() 简洁写法:$http.get()$http.post()... 注意事项:①要求返回的数据格式是json格式②在发起post请求时,如果需要传参$http.post('url',data),需要设置请求头:$http.defaults.headers.post = {'Content-Type':'application/x-www-form-urlencoded'}; 全局设置请求头:app.run(fun…

ng $interval(周期性定时器) $timeout（延迟定时器）

<!DOCTYPE html> <html ng-app="myApp"> <head lang="en"> <meta charset="UTF-8"> <script src="js/angular.js"></script> <title></title> </head> <body> <div…

ng $scope与$rootScope的关系

$scope与$rootScope的关系:①不同的控制器之间 是无法直接共享数据②$scope是$rootScope的子作用域对象$scope的id是随着控制器的加载顺序依次递增,$rootScope的id是1 ③不同控制器之间如何通信??1.借助于$rootScope2.既然子作用域对象可以调用父作用域对象的值或者方法,就可以通过控制器之间的嵌套来实现通信3.事件父->子$scope.$broadcast('eventName',args) 子->父$scope.$emit('eventNa…

ng 服务

服务的本质是单例对象,封装一些方法和属性的. 单例模式:在实例化变量的时候,如果该变量已经存在,直接返回该变量:如果不存在,就创建一个新的变量再返回 ng自带的服务有很多,常用:$location $window $http $scope $rootScope $interval $timeout.. 服务的使用方式:直接在创建ng对象时候,将服务注入进来,ng的注入器会实现服务的实例化,从而让我们可以直接调用. 效果: 不同环境,端口号可能不同,这个结果是webstorm里运行的结果 代码:…

ng json格式的序列化和反序列化

ng中自带方法 angular.toJson 序列化angular.fromJson 反序列化 结果: 代码: <!DOCTYPE html> <html ng-app="myApp"> <head lang="en"> <meta charset="UTF-8"> <script src="js/angular.js"></script> <tit…

ng 过滤器

1.ng中自带的过滤器过滤器:实现对数据的筛选.过滤.格式化. 过滤器是一个有返回值的方法. 过滤器语法:{{ expression |过滤器1:'参数' | 过滤器2:'参数' }} | --> 管道,支持多重过滤. 常见的过滤器中:①currency 货币样式的格式化②date 日期格式化 参数: y M d h m s 年月日 时分秒③filter 将一个array,处理一个新的数组④json 将对象转换成json格式的字符串'{"name":123}'⑤uppercase…

ng 双向数据绑定 实现 注册协议效果

效果: 代码: <!DOCTYPE html> <html ng-app="myApp"> <head lang="en"> <meta charset="UTF-8"> <script src="js/angular.js"></script> <title></title> </head> <body>…

ng 动态的生成option。

ngOptions:根据集合,动态的生成option. select ng-options="color.name for color in colorList" 注意跟ng-repeat 的区别: ng-repeat="obj in cart track by $index" 结果: 代码: <!DOCTYPE html> <html ng-app="myApp"> <head lang="en"…

ng 实现插入和删除

结果: 代码: <!DOCTYPE html> <html ng-app="myApp"> <head lang="en"> <meta charset="UTF-8"> <script src="js/angular.js"></script> <title></title> </head> <body>…