本月博客排行
-
第1名
Xeden -
第2名
fantaxy025025 -
第3名
bosschen - paulwong
- johnsmith9th
- zysnba
年度博客排行
-
第1名
青否云后端云 -
第2名
宏天软件 -
第3名
gashero - gengyun12
- wy_19921005
- vipbooks
- e_e
- benladeng5225
- wallimn
- ranbuijj
- javashop
- jickcai
- fantaxy025025
- zw7534313
- qepwqnp
- robotmen
- 解宜然
- ssydxa219
- sam123456gz
- zysnba
- sichunli_030
- tanling8334
- arpenker
- gaojingsong
- xpenxpen
- kaizi1992
- wiseboyloves
- jh108020
- xyuma
- ganxueyun
- wangchen.ily
- xiangjie88
- Jameslyy
- luxurioust
- mengjichen
- lemonhandsome
- jbosscn
- nychen2000
- zxq_2017
- lzyfn123
- wjianwei666
- forestqqqq
- ajinn
- siemens800
- hanbaohong
- 狂盗一枝梅
- java-007
- zhanjia
- 喧嚣求静
- Xeden
最新文章列表
AngularJS之事件之 $timeout 之在 ngRepeat render 完成后再执行
AngularJS之事件之 $timeout 之在 ngRepeat render 完成后再执行
使用 ng-repeat 指令时,在很多情况下,需要在其 render 完成后对 DOM 元素添加一些事件,如绑定 click 事件等。
一、ng-repeat 使用背景
使用 ng-repeat,AngularJs会遍历users数据对象,来 render 渲染出这个table中的内容。
&l ...
ng-file-upload文件上传
前端
<!DOCTYPE html>
<html ng-app="app">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>文件上传&l ...
ionic 侧栏菜单用法
第一步:
引入js和css文件我这里是直接引入的cdn,ionic是基于angular的,bundle.min.js把常用angular的js已经压缩到一起,可以直接引入.bundle.min.js,不需要引入其他js文件。
<link href="https://cdn.bootcss.com/ionic/1.3.2/css/ionic.css" rel="st ...
AngularJS封装webupload实现文件夹上传
百度的webupload没有开放api获取整个文件夹的信息。本文是二次开发webupload实现获取文件夹信息。
指令封装
/**
* @license lx.ui.framework v1.0.0
* (c) 2017-2018 lx ...
AngularJS封装UEditor
<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title>ueditor</title>
<style type="text/css">
button {
...
Angularjs的directive封装ztree
一般我们做web开发都会用到树,恰好ztree为我们提供了多种风格的树插件。
接下来就看看怎么用Angularjs的directive封装ztree
<!DOCTYPE html>
<html ng-app="ceshiapp" ng-controller="ceshicontroller">
<head>
< ...
AngularJS实战之cookie的读取
<!DOCTYPE html>
<html ng-controller="cookies_controller">
<head>
<title>cookies.html</title>
<meta http-equiv="keywords" content="keyword1, ...
AngularJS实战之ngAnimate插件实现轮播
第一步:引入angular-animate.js
第二步:注入ngAnimate
var lxApp = angular.module("lxApp", [ 'ngAnimate' ]);
第三步:定义controller,设置好三张轮播图片
.z_login_bg1 {
position: absolute;
width: 100%;
height: 100% ...
AngularJS实战之Controller之间的通信
我们时常会在不同controller之间进行通信,接下来就介绍三种controller之间的通信方式
一、使用$on、$emit和$broadcast进行controller通信
虽然AngularJS是不推荐使 ...
AngularJS监听数组变化
我们在使用angualr的监听时候,业务的需要我们会去监听一个数组的某一个值得变化,再写逻辑代码。然而我们在使用$scope.$watch(“”,function(){
})时候会发现不管用,这是由于$scope.$watch是有三个参数的,默认情况下是
$scope.$watch(“”,function(){
},false),只是去监听数组的地址是否发生变化,当我们要去监听数组的某一个值时候,需 ...
AngularJS的$location基本用法和注意事项
一、配置config
app.config([ '$locationProvider', function($locationProvider) {
$locationProvider.html5Mode({
//设置为html5Mode(模式),当为false时为Hashbang模式
enabled : true,
//是否需要加入base标签,这里设 ...
AngularJS 无限滚动加载数据控件 ngInfiniteScroll
在开发中我们可能会遇到滚动鼠标到浏览器底部实现数据的加载,js和jquery实现都不复杂都是既然AngularJS提供现成的我们怎么不用昵。
ng-infinite-scroll.js这个组件则可以实现:
ng-infinite-scroll.js:下载地址:http://sroze.github.io/ngInfiniteScroll/
使用:
<!DOCTYPE html>
< ...
AngularJS实战之ng-repeat的详细用法
一、基本语法
{{$index}}:获取元素的下标。
{{$first}}:判断当前元素是否是第一个元素,是则为true,否则:false;
{{$last}}:判断当前元素是否是最后一个元素,是则为true,否则:false;
{{$middle }}:判断当前元素是否是中间元素,,是则为true,否则:false;
{{ $odd}}:判断当前元素是否是奇数,,是则为true,否则:false; ...