转自：https://blog.csdn.net/jumtre/article/details/50802136其他博文ng-class使用方法：https://blog.csdn.net/sinat_36146776/article/details/78340922有三种方法：1、通过$scope绑定（不推荐）2、通过对象数组绑定3、通过key/value键值对绑定 实现方法：1、通过$scope绑定（不推荐）： [javascript] view plaincopyprint?function ctrl($scope) { $scope.className = "selected"; } function ctrl($scope) { $scope....
angularjs中大多在指令之中操作DOM，现在遇到一个指令中无法获取DOM的特殊情况：var directiveCtrl=angular.module("directiveCtrl",[]); directiveCtrl.controller("ctrlTwo",[‘$scope‘,function($scope){ $scope.name="me"; }]); directiveCtrl.directive("num",function(){ return{restrict: ‘E‘,template: ‘<div ng-repeat="i in [1,2]" ng-controller="ctrlTwo">{{name}}</div>‘,replace:true,link:function(sc...
场景Angular介绍、安装Angular Cli、创建Angular项目入门教程：https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/105570017 Angular新建组件以及组件之间的调用：https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/105694997通过以上搭建起Angular项目。注：博客： https://blog.csdn.net/badao_liumang_qizhi关注公众号 霸道的程序猿获取编程相关电子书、教程推送与免费下载。实现 新建两个组件，父组件pare...
有三种方法：1、通过$scope绑定（不推荐）2、通过对象数组绑定3、通过key/value键值对绑定实现方法：1、通过$scope绑定（不推荐）：[javascript] function ctrl($scope) { $scope.className = "selected"; } [html] <div class="{{className}}"></div> 2、通过对象数组绑定：[javascript] function ctrl($scope) { $scope.isSelected = true; } [html] <div ng-class="{true:‘selected‘,false:‘unselected‘}[isSele...
最近工作中遇到，要使用angularJS的post方法来下载excel的情况。网上找到一个帖子：http://stackoverflow.com/questions/22447952/angularjs-http-post-convert-binary-to-excel-file-and-download ，改动了里面部分代码搞定。详细代码： $http.post($rootScope.restful_api.last_output_excel,body_data,{responseType: ‘arraybuffer‘}).success(function(data){var blob = new Blob([data], {type: "application/vn...
angular做单页面应用是一个比较好的框架，但是它有一定的入门难度，对于新手来说可能会碰到很多坑，也有许多难题，大部分仔细看文档，找社区是能解决的。 但有些问题也许资料比较少，最近遇到过一个要缓存父页面的问题，就是点击进入子页后，再返回时父页面的数据要缓存下来，包括滚动条的位置。再做的过程当中查过 许多资料，都说的不很详细，今天把方法记录下来，供参考。 要想缓存，要用到嵌套路由（ui-router）： 有三个嵌套...
$http 是 AngularJS 中的一个核心服务，用于读取远程服务器的数据。在AngularJS的实际项目中，经常需要处理多个$http请求，每个$http请求返回一个promise,我们可以把多个promise放到$q.all()方法接受的一个数组实参中去。 1.处理多个$http请求 angular.module(app,[]) .controller(AppCtrl, function AppCtrl(myService){ var app = this; myService.getAll().then(function(info){ app.myInfo = info; }) }) .service(myService, ...
本文介绍了AngularJs 禁止模板缓存的方法，分享给大家，也给自己留个笔记，具有如下： 因为AngularJs的特性（or 浏览器本身的缓存？），angular默认的HTML模板加载都会被缓存起来。导致每次修改完模板之后都得经常需要清除浏览器的缓存来保证浏览器去获得最新的html模板，自己测试还好，但如果更新了服务器的模板内容，用户可不会每个都配合你去清除浏览器的缓存。故这还真是个大问题。 app.config(function($routeProvider, $loca...
缓存篇 一个缓存就是一个组件，它可以透明地储存数据，以便以后可以更快地服务于请求。多次重复地获取资源可能会导致数据重复，消耗时间。因此缓存适用于变化性不大的一些数据，缓存能够服务的请求越多，整体系统性能就能提升越多。 浏览器缓存，有时候我们需要他，因为他可以提高网站性能和浏览器速度，提高网站性能。但是有时候我们又不得不清除缓存，因为缓存可能误事，出现一些错误的数据。像股票类网站实时更新等，这样的网站...
本篇文章主要介绍了一种angular的方法级的缓存注解（装饰器），现在分享给大家，也给大家做个参考。使用es6中装装饰器能做很多事情，今天分享一种在angular使用装饰器进行方法调用缓存的功能。应用场景是这样的，在前端工作中，会有一些经常使用的方法经常被调用，但是这些方法每次调用都会占用很多的资源，比如网络请求，数据统计功能，这些方法一般会随着函数调用传参的不同返回的结果不同。因为使用过spring中的cache功能，感觉...
$http 是 AngularJS 中的一个核心服务，用于读取远程服务器的数据。在AngularJS的实际项目中，经常需要处理多个$http请求，每个$http请求返回一个promise,我们可以把多个promise放到$q.all()方法接受的一个数组实参中去。 1.处理多个$http请求angular.module('app',[]) .controller('AppCtrl', function AppCtrl(myService){ var app = this; myService.getAll().then(function(info){ app.myInfo = info; }) }) .service('myServi...
一个缓存就是一个组件，它可以透明地储存数据，以便以后可以更快地服务于请求。多次重复地获取资源可能会导致数据重复，消耗时间。因此缓存适用于变化性不大的一些数据，缓存能够服务的请求越多，整体系统性能就能提升越多。本文我们和大家分享angularJs清除浏览器缓存的方法。浏览器缓存，有时候我们需要他，因为他可以提高网站性能和浏览器速度，提高网站性能。但是有时候我们又不得不清除缓存，因为缓存可能误事，出现一些错误的...
因为AngularJs的特性（or 浏览器本身的缓存？），angular默认的HTML模板加载都会被缓存起来。导致每次修改完模板之后都得经常需要清除浏览器的缓存来保证浏览器去获得最新的html模板，自己测试还好，但如果更新了服务器的模板内容，用户可不会每个都配合你去清除浏览器的缓存。故这还真是个大问题。本文我们主要介绍AngularJs 禁止模板缓存的方法。app.config(function($routeProvider, $locationProvider) { $routeProvider .when...
本文实例讲述了AngularJS在IE下取数据总是缓存问题解决方法。分享给大家供大家参考，具体如下：问题：在使用AngularJS发出请求（GET）获取服务端数据，然后再绑定到页面中，你会发现在IE中总是显示原来的数据结果。这时候我们就会知道，IE做了缓存。解决办法：我们可以在AngularJS的配置中通过$httpProvider来设置其不缓存。具体如下所示：ngApp.config(function ($httpProvider) {// Initialize get if not thereif (!$httpProvid...
今天我们将使用AngularJs和伟大的UI Router以及Angular ngAnimate module创建一个带动画的多步表单。这项技术可以用在你想要简化用户操作的大表单上。 我们看到这项技术已经应用在了许多的网页上。比如购物车，注册表单，入职流程以及许多多步表单，让用户更容易在线填写表单。 下面我们将构建它：使用UI Router，它能内嵌状态，为每个状态显示不同的view,我们能让多步表单变得相当的容易。 让我们言归正传，开始创建我们的最棒的表...