![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Angular
SunsCheung
Sharing is a virtue
展开
-
【AngularJs】ui-grid 使用详解
在ui-grid 导出pdf 时可能会出现中文字符无法显示问题,解决方法看这篇博客:http://my.oschina.net/gmd/blog/714911 html代码:html ng-app="myApp"> head> meta charset="utf-8"> title>ui-Grid Example01title转载 2017-05-03 20:35:53 · 572 阅读 · 0 评论 -
Angular使用Promise解决多个异步回调问题
Promise的基本用法var p1 = new Promise((resolve, reject) => { setTimeout(resolve, 1000, 'done'); })p1.then(data=>{ console.log(data); // done})//angular中的promise使用function pAjax(dataUrl,data) {原创 2017-09-04 10:56:35 · 11184 阅读 · 4 评论 -
Angular 组件间通信
Angular 组件间通信 原文链接阅读原文:Getting Components to Communicate in Angular核心要点:由于Angular是基于组件的应用架构,因此可以在组件之间进行进行数据传递。你可以使用@Input()将数据传递到子组件中。你可以使用@Output()从子组件中获取数据。随着应用变得越来越复杂,父/子组件之间的转载 2017-08-03 20:36:41 · 853 阅读 · 0 评论 -
Angularjs启动过程
启动过程(v1.3.9)步骤一用自执行函数的形式让整个代码在加载完成之后立即执行in angular.js Line6 (function(window, document, undefined)在window上暴露一个唯一的全局对象angular,Line250 angular = window.angular || (window.angular = {转载 2017-08-02 13:49:02 · 484 阅读 · 0 评论 -
base64转blob Ajax上传文件,服务器端接收不到
function convertBase64UrlToFileOrBlob(dataURI,type=0) { var arr = dataURI.split(','), mime = arr[0].match(/:(.*?);/)[1], bstr = atob(arr[1]),fileExt = mime.split('/')[1], n = bstr.length, u8arr原创 2017-08-08 15:28:34 · 4896 阅读 · 0 评论 -
Angularjs中的$Http与$resource
一.使用$http$http服务是只能接受一个参数的函数,这个参数是一个对象,包含了用来生成HTTP请求的配置内容。这个函数返回一个promise对象,具有success和error两个方法。例如代码:$http({ method:"GET", url:'/xx/xx'}).success(function(data,status,headers,c转载 2017-07-22 16:12:28 · 803 阅读 · 0 评论 -
Angular系列文章之angular路由
路由(route),几乎所有的MVC(VM)框架都应该具有的特性,因为它是前端构建单页面应用(SPA)必不可少的组成部分。那么,对于angular而言,它自然也有内置的路由模块:叫做ngRoute。不过,大家很少用它,因为它的功能太有限,往往不能满足开发需求!!于是,一个基于ngRoute开发的第三方路由模块,叫做ui.router,受到了大家的“追捧”。转载 2017-06-28 10:52:36 · 214 阅读 · 0 评论 -
AngularJS 最常用的八种功能
AngularJS 使用基础知识 第一 迭代输出之ng-repeat标签 ng-repeat让table ul ol等标签和js里的数组完美结合<ul><li ng-repeat="person in persons">{{person.name}} is {{person.age}} years old.</li></ul>你甚至可以指定输出的顺序:<li ng-repeat="per转载 2017-06-26 15:00:50 · 340 阅读 · 0 评论 -
Angular的自动化测试
当Angular项目的规模到达一定的程度,就需要进行测试工作了。本文着重介绍关于ng的测试部分,主要包括以下三个方面:框架的选择(Karma+Jasmine)测试的分类和选择(单元测试 + 端到端测试)在ng中各个模块如何编写测试用例下面各部分进行详细介绍。测试的分类在测试中,一般分为单元测试和端到端测试,单元测试是保证开发者验证代码某部分有效性的技术,端到端(E2E)转载 2017-06-23 19:42:58 · 1431 阅读 · 0 评论 -
十个由浅入深的Angular.js问题
虽然只有10个问题,但是覆盖了angular开发中的各个方面,有基本的知识点,也有在开发过程中遇见的问题,同时也有较为开放性的问题去辨别面试者的基础水准和项目经验(PS:答案仅供参考~)。1. ng-show/ng-hide 与 ng-if的区别?我们都知道ng-show/ng-hide实际上是通过display来进行隐藏和显示的。而ng-if实际上控制dom节点的增删除来实现的。因此转载 2017-06-23 19:21:17 · 526 阅读 · 0 评论 -
Handsontable 的数据保存
项目用到handsontable 插件根据官网 API写的handsontable初始化,数据展示,ajax请求,参数封装,Controller参数接受全局容器 var AllData = {}; var updatelist = []; var delidslist =[]; var insertlist=[];han...原创 2017-06-30 17:58:06 · 14182 阅读 · 4 评论 -
ANGULAR JS WATCH监听使用
ANGULAR 监听使用:当angular数据模型发生变化时,我们需要如果需要根据他的变化触发其他的事件。$watch是一个scope函数,用于监听模型变化,当你的模型部分发生变化时它会通知你。$watch(watchExpression, listener, objectEquality);watchExpression需要监控的表达式转载 2017-06-05 20:36:15 · 1171 阅读 · 0 评论 -
AngularJs自定义指令实例
angular.module(‘myApp’, []) .directive(‘rnStepper’, function() { return { restrict: ‘AE’, template: ‘-’ + ‘{{value}}’ + ‘+‘, link:原创 2017-06-05 15:33:53 · 296 阅读 · 0 评论 -
angularjs之ui-grid 使用详解
最近一段时间在使用AngularJS 然后就找到ui-grid 这个比较不错的表格插件,感觉还不错,所以分享给大家(ps:新手第一次发)html:[html] view plain copypre name="code" class="html"> link rel="stylesheet" type="text/css" href转载 2017-05-25 12:04:06 · 4316 阅读 · 0 评论 -
改写ui-grid headerCellTemplate
改写ui-grid headerCellTemplate myHeaderCellTemplate 中为uigrid表头模板,此处copy过来,改写 /**改写ui-grid myHeaderCellTemplate,注意必须增加 trustHtml过滤器(在模块中增加)* 取代原有的 CUSTOM_FILTERS *** * myApp.f原创 2017-08-26 15:15:13 · 1749 阅读 · 0 评论