AngularJS
闷葫芦-
https://github.com/Menhulu/
展开
-
在 Angularjs 中 ui-sref 和 $state.go 如何传递参数
1 ui-sref、$state.go 的区别ui-sref 一般使用在 ...;a ui-sref="message-list">消息中心a>$state.go('someState')一般使用在 controller里面;.controller('firstCtrl', function($scope, $state) { $state.go('logi转载 2017-01-18 17:42:35 · 320 阅读 · 0 评论 -
18个Angular开源项目的简介
在本文中,我们从550个使用 Angular1.x 和 Angular 2 构建的项目中精选了前18个项目来进行学习。1. Soundnode使用 NW.js,Node.js,Angular.js 与 Soundcloud API 构建的 Soundcloud 桌面版(Mac,Windows和Linux)感谢 Michael Lancaster 提供转载 2018-01-03 20:31:27 · 1400 阅读 · 0 评论 -
Angular.js Typeahead 自动补全
html Angular.js Typeahead Search for US States Submit js:var myApp = angular.module("angularTypeahead", ["ui.bootstrap"]);// setup controller and pass data sourcemyA原创 2017-12-12 17:09:21 · 792 阅读 · 0 评论 -
使用AngularJS导出/下载excel文件
通常下载一个文件用window.location.href = "接口内容"就能实现下载一个文件的需求。但是如果遇到一些特殊的需求,比如说需要在请求头重加一些属性和值,这样window.location.href就不能满足了。但是可以用angularJS自带的$http来请求。 $http({ url: '你的接口内容', metho...原创 2017-07-04 09:53:11 · 20649 阅读 · 13 评论 -
angularjs ui-grid 导出表格数据csvExport
ui-grid是angularjs常用的表格插件,不仅可以显示表格数据,还提供了很多其他可选的操作功能。如果想详细了解ui-gird,附上官网地址,上面也有很多详细的例子:http://ui-grid.info/这篇重点讲一下怎样导出ui-grid表格中数据,将数据以.csv文件形式导出。ui-grid基本用法如下:html: 导出原创 2017-04-20 16:31:54 · 2498 阅读 · 1 评论 -
ngDialog 一个简单的AngularJS模态框模板
项目开始的时候我们用的对话框是AngularJS的$modal模态框,但是后来发现$modal打开的对话框是相对页面静止的,如果对话框是一个很长的表单,这样体验度就不是很好了,还有$modal传$scope不是很灵活的原因,后来就改用的$ngDialog.官方的API在这里:https://www.npmjs.com/package/ng-dialog首先确定你的项目已经安装了$ngD原创 2017-04-12 18:02:57 · 13665 阅读 · 0 评论 -
angularJS 常见错误之ngModel:nonassign
错误内容如下:angular.js:14199 Error: [ngModel:nonassign] Expression '' is non-assignable. Element: http://errors.angularjs.org/1.5.11/ngModel/nonassign?p0=&p1=%3Cinputlass%3D%22ng-pristine%20ng-untouche原创 2017-04-14 18:00:13 · 13471 阅读 · 0 评论 -
angularJS 路由跳转(带参数)
如果需要从一个页面调到另一个页面,并且带参数,比如买完商品后跳转到支付页面,并且传一些用户和金额之类的参数。从页面A跳转到页面BA的Controller里跳转部分$state.go("app.B(B页面路由地址)",{id:111, name: aaaa});{}里是跳转后到B页面所需参数,在B页面接收参数部分代码:$scope.id= $stateParams.i原创 2017-04-07 10:57:42 · 7843 阅读 · 0 评论 -
JavaScript的严格模式 use strict
1.概述JavaScript 严格模式(strict mode)即在严格的条件下运行,在 JavaScript 1.8.5 (ECMAScript5) 中新增。2.为什么用严格模式1.消除Javascript语法的一些不合理、不严谨之处2.提高编译器效率,增加运行速度3.声明方式声明在函数头部(function () { 'use strict';..原创 2017-04-11 15:30:09 · 195 阅读 · 0 评论 -
angularJS实现动态添加,删除div
要实现的功能类似下图,动态添加或者删除div点击 增加可添加一条div 点击删除可删除一条divHTML代码如下:(省略CSS样式代码了)class="accordion-inner"> class="alert alert-info fade in" ng-repeat="permission in permissions">授权给: id="" c原创 2017-03-31 11:10:03 · 7892 阅读 · 0 评论 -
AngularJS 表单验证
AngularJS有各种各样的表单验证,简单的有非空验证required(补充一下如果非空验证是需要条件的,则用ng-required="条件"),字符长度验证ng-minlength=5,ng-maxlength=10,Email验证。例如非空验证,也就是必填验证:Email验证简单的正则验证 * "IP"不能为空 IP地址格式错误原创 2017-02-07 16:16:51 · 333 阅读 · 0 评论 -
Packery+ngDraggable+Grafana+iframe 实现自定义可视化数据展示
前段时间做的项目,整理一下,大致的功能就是系统需要呈现很多监控图,这些图我们想让用户来自定义数量,大小以及怎么摆放。用户把我们准备好的动态概览图的缩略图拖拽到画布上,并且在画布上任意摆放,摆放完毕后,我们就能给用户呈现自定义的动态概览图了。原理就是:通过ngDraggable来实现组件拖拽,Packery来实现页面布局,通过iframe嵌套Grafana来实现展示,从而实现用户的个性化需求。出发点...原创 2018-04-01 15:17:57 · 5031 阅读 · 0 评论