addClass()-为每个匹配的元素添加指定的样式类名after()-在匹配元素集合中的每个元素后面插入参数所指定的内容,作为其兄弟节点append()-在每个匹配元素里面的末尾处插入参数内容attr() - 获取匹配的元素集合中的第一个元素的属性的值bind() - 为一个元素绑定一个事件处理程序children() - 获得匹配元素集合中每个元素的子元素,选择器选择性筛选clone()-创建一个匹配的元素集合的深度拷贝副本contents()-获得匹配元素集合中每个元...
method1方法使用的是params参数,该用法会把参数直接附加到url中method2方法使用的是data参数,该参数会把页面参数类型从默认的multipart/form-data改为application/x-www-form-urlencoded类型,并且将传递的data解析为字符串,该方法会以post参数的方式传递下面是代码部分:<html ng-app="myApp"><head><title>angularjs-ajax</title><script type="text/javascript" src="../../lib/ionic/js/angular/angular.min.js" charset="u...
AngularJS 控制器也有方法(变量和函数)<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <meta http-equiv="X-UA-Compatible"content="IE=edge" /> <meta name="viewport"content="width=device-width,initial-scale=1" /> <!--[if lt IE 9]> <script src="http://apps.bdimg.com/libs/html5shiv/3.7/html5shiv.min.js"></script> <script src="http://a...
需要被调用方法的组件文件import { Component, ChangeDetectionStrategy, ChangeDetectorRef } from ‘@angular/core‘;import { SettingsService } from ‘@delon/theme‘;import { SetdataService } from ‘./setdata.service‘import { NgZone } from ‘@angular/core‘;@Component({ selector: ‘layout-header‘, templateUrl: ‘./header.component.html‘, changeDetection: ChangeDetectionStrategy.OnPush,})export cl...
描述: 复制一个对象或者一个数组(好吧,万物皆对象,数组也是一个对象)。如果省略了destination,一个新的对象或数组将会被创建出来;如果提供了destination,则source对象中的所有元素和属性都会被复制到destination中;如果source不是对象或数组(例如是null或undefined), 则返回source;如果source和destination类型不一致,则会抛出异常。注意:这个是单纯复制覆盖,不是类似继承 使用方法: angular.copy(source, ...
使用自定义指令的时候在指令里面调用父作用域里面的方法,在指令里面 在父作用域里面的模板里面使用指令 在控制器里面 原文:http://www.cnblogs.com/fanzhengshao/p/6006220.html
今天工作中遇到需要用到ng-repeat遍历渲染完后执行某个操作,angular本身并没有提供监听ng-repeat渲染完成的指令,所以需要自己创建自定义指令。在ng-repeat模板实例内部会暴露出一些特殊属性$index/$first/$middle/$last/$odd/$even,$index会随着每次遍历(从0开始)递增,当遍历到最后一个时,$last的值为true,所以可以通过判断$last的值来监听ng-repeat的执行状态,怎么在遍历过程中拿到$last的值:自定义指令var app = angul...
转自: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...