最近的文章列表

angular scope ng-if(会创建一个子域)与ng-show的区别

angular scope ng-if

问题一:ng-model在ng-if里边 这个model的值不能反应到控制器里。

<div ng-app >
<div ng-controller="main">
Test A: {{testa}}<br />
Test B: {{testb}}<br />
Test C: {{testc}}<br />
<div>
testa (without ng-if): <input type="checkbox" ng-model="testa" />
2015/1/27 Comments:
AngularJS $q 和 $q.all 单个数据源和多个数据源合并(promise的说明)

研究了一下$q回调服务,看来半天都是似懂非懂的样子,感觉实现了异步加载的功能,还是动手试验并记录下来,如果不对欢迎指正(后台是ASP.Net Web API模拟的)

第一种情况的回调,对单个数据源的请求

myApp.factory('myService', function ($http, $q) {  
            return {  
                getAllData: function () {  
                    //定义一个回调服务  
                    var deferred = $q.defer(); 
2015/1/26 Comments:
jQuery+Zero Clipboard点击文本框复制其内容到剪贴板上 兼容所有浏览器

//点击文本框复制其内容到剪贴板上方法

function copyToClipboard(txt) {
    if (window.clipboardData) {
        window.clipboardData.clearData();
        window.clipboardData.setData("Text", txt);
        alert("已经成功复制到剪帖板上!");
2015/1/26 Comments:
js日期格式化代码 及 获取前天、昨天、今天、明天、后天的时间(附代码)

js 获取前天、昨天、今天、明天、后天的时间
2015-1-12 14:11:12

<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>js获取日期:前天、昨天、今天、明天、后天 - 郑州网建Camnpr.com</title>
</head>
<body>
2015/1/19 Comments:
Sencha Touch 2快速入门教程(ST2)

Sencha Touch2

1.什么是Sencha Touch?

Sencha Touch让您能够快速、轻松地创建基于HTML5的移动应用程序,在Android、iOS和黑莓设备中工作,并运行在浏览器中与本地应用程序一致的体验。

2014/12/15 Comments:
AngularJS开发中常用的写法,如:获取URL参数、路由跳转、$http、获取元素等

控制器,带状态

app.controller('editCtrl', ['$http', '$location', '$rootScope', '$scope', '$state', '$stateParams', function($http, $location, $rootScope, $scope, $state, $stateParams){
// 上边声明添加显示的依赖注入,是为了防止,压缩(如UglifyJS)时改变function里的参数名,造成功能引用失败。推荐r.js压缩
    // do something...
}

获取路由的参数

$stateParams.id // #/camnpr/editCtrl?id=1
2014/11/23 Comments:
AngularJS 2.0来袭 - Hold!

 Android平台提供了广泛的UI可视组件---widget,把这些小的可视的构件组合到一起,就可以给用户提供复杂而有用的界面。但是,应用程序经常需要一些高级可视组件,要满足这样的需求,并要达到高效的目的,可以把一些标准的widget组合成一个新的可复用的组件。

  例如,包含一个进度条和一个取消按钮的操作进度表示组件;包含两个按钮的面板(取消和确认操作);带有一个图标、标题和说明的面板等等。通过编写定制的View类能够很容易的创建UI组件,但是使用XML会更加容易。

2014/11/11 Comments:
用AngularJS指令来封装一个右键菜单 ng-context-menu

我是工作在一个用AngularJS应用,我提出一个列表,用户可以选择的项目。我不想人群中动作按钮,所以我决定用一个上下文菜单。有一个伟大的jQuery插件提供了一个自举的下拉菜单,当你单击右键,称为引导的上下文菜单。不幸的是,jQuery插件,修改DOM不功能非常有效地与角由于积极重新编译并插入DOM。所以我创建了一个角指令完成同样的功能。检查演示:AngularJS右键菜单插件-ng-context-menu

2014/11/7 Comments:
AngularJS的指令(Directive) compile和link的区别及使用示例

如果我想实现这样一个功能,当一个input失去光标焦点时(blur),执行一些语句,比如当输入用户名后,向后台发ajax请求查询用户名是否已经存在,好有及时的页面相应。

输入 camnpr
angularjs directive input focus

失去焦点后提示 camnpr这个用户名已经存在 
angularjs directive input focus用户名已经存在

2014/11/5 Comments:
AngularJS1.3中的单向绑定、一次性数据绑定(one-time bindings)提高性能

上一篇angular性能优化一文中说道:有些项目场景是只需要单次绑定,减少性能开销的。不久之前,AngularJS 1.3版本正式发布,其中添加了很多的性特性,同时也对之前的一些bug做了修复,最重要的是其中包含一些突破性的变化。其中最重要的一项就是添加了一次性数据绑定。

2014/10/29 Comments: