
angular
文章平均质量分 93
大王在路上
前端攻城狮
展开
-
angularjs的angular-tree-dnd、angular-tree-control树结构控件简单使用
个人总结前言:项目已经上线,但还是有挺多功能不怎么了解,例如:菜单管理、用户管理、权限、数据字典等等,今天在这里简单的梳理一下项目中的菜单管理功能(今天刚看了大半天,怕后面忘了,赶紧写上!)做树形图的话用angular-ui-tree比较方便,但这个控件并不支持树形表格先说说数据格式的问题,说到树形图,很多人脑子里出现的数据格式可能就是子节点套在父节点里面,子子节点再套在子节点里面,一...原创 2019-07-22 16:05:25 · 2426 阅读 · 0 评论 -
Angularjs Form表单验证机制
个人总结one: 一般来讲表单可能遇到的问题 1.如何数据绑定 2.验证表单 3.显示出错信息 4.整个form的验证 5.避免提交没有验证通过的表单 6.防止多次提交two: input表单验证需要的属性 name 名字(这里需要注意:不光是input元素需要,最外层的form标签也需要一个name属性) ng-model ...原创 2019-07-07 21:19:49 · 617 阅读 · 0 评论 -
利用基于angularjs的angular-file-upload.min.js控件实现上传文件
个人总结今天跟大家分享的是一个依赖于angular的上传控件。项目angular项目中用到的上传文件控件,大概需要实现的样式是这样子的,如下:原创 2019-07-10 20:17:20 · 1296 阅读 · 0 评论 -
Angularjs拦截器
本篇文章参考自:https://my.oschina.net/ilivebox/blog/290881前言:今天在公司项目中碰到了拦截器这个东西,顾名思义,拦截器就是为了拦截某个东西,项目中的拦截器都是组长封装好的,自己也不懂,所以就问了问度娘,结合网上的讲解,在此总结一下什么是拦截器?顾名思义,拦截器就是为了拦截某一个东西~~~$httpAngularJS 的 $http 服务允...原创 2019-07-11 22:37:52 · 578 阅读 · 1 评论 -
angularjs loading拦截器.请求,跳转页面等loading效果
个人总结前言: 今天周末,闲来无事又看了看拦截器,发现不只是截获http请求,同样还可以制作很多好玩的东西,今天来写一个loading案例,请求http或者跳转渲染页面时,会有一定的等待时间,可能一两秒,也可能是十几秒,在等待的过程中,用户是不知道的,所以我们要给用户一个直观的等待效果,让用户知道!步骤(需要引入的文件)第一步: 引入bootstrap.css第二步: 引入jquer...原创 2019-07-13 18:08:58 · 1849 阅读 · 0 评论 -
bootatrap分页控件bootstrap-paginator.js项目中的简单使用
封装js//分页控件var paginator = { // 参数依次是:元素id,当前页,总条数,一页显示多少条,回调 init: function (elementId, pageIndex, totalCount, pageSize, pageChangeCbk) { if (totalCount <= 0) { $("#" +...原创 2019-07-14 22:56:52 · 1440 阅读 · 0 评论 -
angularjs项目中的appService.js的用处(根据本公司的项目就目前的功能来讲)
公司中angular的项目,appService.js是angularjs实例的声明、配置等文件。就目前来讲,配置接口服务器域名地址、发送请求统一带上token(拦截器)、封装http请求,支持get,post,delete,put,DownloadFile方式,下面代码体现var app = angular.module('app', [ 'ngAnimate', 'ng...原创 2019-07-16 20:05:31 · 1480 阅读 · 0 评论 -
angularjs项目中的app.js的用处(根据本公司的项目就目前的功能来讲)-----angular路由
1.公司中angular的项目,app.js是一个自加载函数,包含了angular的路由信息和angular程序启动时最先加载的代码(app.run(),当angular的程序启动时,最先执行run方法里的代码)2.就目前来讲,包含了angular的路由信息和angular程序启动时最先加载的代码;下面代码体现(function () { 'use strict'; //...原创 2019-07-16 20:12:06 · 1178 阅读 · 0 评论 -
实现pdf、jpg、png等预览
个人总结这里使用object元素来实现pdf、图片等预览显示效果。预览弹框html页<div style="min-height:300px;"> <div class="text-right"> //这个标签是X号 推出界面功能 <span ng-click="closePdfModal()" class="glyphicon...原创 2019-07-21 11:47:17 · 1752 阅读 · 0 评论 -
Angularjs 自定义指令directive详解
一、自定义指令; 1. var app = angular.module('app',[]); 2. app.directive('directive1',['$scope',function($scope){ return { restrict:'ECAM', // 限制,表示指令以什么形式写进页面 scope:{ // 有了这个属性...原创 2019-07-06 11:03:06 · 2687 阅读 · 0 评论