本月博客排行
-
第1名
Xeden -
第2名
fantaxy025025 -
第3名
bosschen - paulwong
- johnsmith9th
年度博客排行
-
第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动态控制显示隐藏
要控制的元素
<p ng-show="requestHeadersTip"><font color="#FF0000">请求头格式不正确</font></p>
$scope.requestHeadersTip = true/false;
ng-dialog可拖拽
需要jquery-ui.js jquery-2.1.4.js
<script type="text/javascript" src="${pageContext.request.contextPath}/js/libs/jquery/jquery-ui.js"></script>
<script type="text/ ...
【AngularJS系列】记一次post请求的坑
AngularJS免不了和web服务端交互,贴一段代码
$rootScope.ajaxRequestPost = function (requestUrl, data, successCallback) {
var transFn = function (data) {
return $.param(data);
};
var postCfg = { ...
【AngularJS系列】formly-form 定制输入栏
背景:H5页采用formly-form组件,JS定义数据绑定,某元素需要定制输入样式,比如说范围输入
上菜:
一、H5页面
<!DOCTYPE html>
<html ng-app="indexApp">
<head>
<meta charset="UTF-8">
<title&g ...
【AngularJS系列】基于angular-ui-select定制下拉框多选
背景:希望有个下拉多选框,显示一个店铺的属性,其属性值类似于,如下表示:0001(十进制为1)表示店铺属性1,0010表示店铺属性2,以此类推。若某店铺属性为0011(十进制表示为3),则其同时具有属性1和属性2
直接上代码
一、index.html
<!DOCTYPE html>
<html ng-app="app">
<head> ...
【AngularJS系列】controller as
比较经典的用法
<div ng-controller="MainController">
{{ someObj.someProp }}
</div>
app.controller('MainController',function ($scope) {
$scope.someObj = {
somePr ...
【AngularJS系列】开发中常用的组件
如题,待补充
一 常用工具(以Mac举例)
homebrew 必备工具,方便安装各种linux下工具到Mac
npm nodeJs的安装工具,类型yum
bower 好比前端maven,用做前端组件的依赖库管理
http-server 轻量级http服务器,可命令行启动,当前目录为http://127.0.0.1:port
二 常用组件
Bootstrap 其提供的组件不怎么用,主要用它的CSS ...
angularJS 弹出层
1、页面
<div ng-controller="detailCtrl">
<pane class="detail-body" animation="animation" >
<div class="tab-content">
<div ...
angularJS 搜索框
1、页面
<div class="search-box">
<form name="searchForm" novalidate ng-keyup="applyGlobalSearch()">
<button class="btn" type="subm ...
angularJS表单验证
1、module中引入ngMessages
2、页面代码
<form name="createVolumeForm" novalidate>
<div class="control-group" >
<label class=" ...
angularJS $scope.$watch的使用
$watch是一个scope函数,用于监听模型变化,当你的模型部分发生变化时它会通知你。
$watch(watchExpression, listener, objectEquality);
每个参数的说明如下:
引用:http://yuankeqiang.lofter.com/post/8de51_1454f93
watchExpression:监听的对象,它可以是一个angular表达 ...
Angular Seed 项目
每个项目都应当有一个结构来组织其中的文件。Angular Seed 项目就提供了一个不错的骨架结构,就是提供给 AngularJS app用的。这样,你就可以马上开始开发工作了。
它还提供了一个预先配置好的测试环境,一些有用的脚本,还有一个已经可以用的web服务器。有了Angular Seed,你就有了AngularJS,还有其他相关脚本。
https://github.com/a ...
AngularJs ng-repeat必须注意的性能问题
AngularJs 的 ng-repeat 让我们非常方便的遍历数组生成 Dom 元素,但是使用不当也会有性能问题。
在项目中我们使用 ng-repeat 加载完一个列表后,如果再次请求数据,然后过滤列表,代码可能会这么写:
<html>
<head>
<title>AngularJs ng-repeat实例</ ...
angular中,$interpolate和$compile
$interpolate
在官方文档中描述的是
编译一段带有插入标记({{}}这个东西,当然也可以是标签内的属性表达式)的语句,然后返回一个interpolation(插值)函数
插值函数的参数一context,也就是提供插值标记里面变量内容的对象。
例如
var html = '<div>{{name}}</div>';
$scope.interpolate = $in ...
2016源创会深圳站—移动应用跨平台解决方案探索
移动应用跨平台解决方案探索,基于Backbone&Cordova开发实践。
一.Cordova App架构
二.基于cordova的各种平台和框架
Adobe PhoneGap、XDK、Sencha、Telerlk等
三.拥抱标准Web技术HTML、JS、CSS
四.Single Page Application
-使用Ajax加 ...
angular http请求加上overlay
module.config(['$httpProvider', function ($httpProvider) {
$httpProvider.interceptors.push(function ($q, $rootScope) {
if ($rootScope.activeCalls == undefined) {
$rootScope. ...